font-awesome

Font-awesome caret up and caret down stacked on top of each other

一笑奈何 提交于 2021-01-21 08:39:09
问题 I am trying to get two fontawesome icons caret up and caret down to stack on stop of each other without hiding one and showing the other? Any suggestions would be greatly appreciated. Here is a plucker with Bootstrap and fontawesome: https://plnkr.co/edit/S1rSo41lkG4ZPjnaS0lf?p=preview <div class="col-md-4 col-xs-12"> <div class="pull-left"> <i class="fa fa-caret-up pull-left" aria-hidden="true"></i> <i class="fa fa-caret-down pull-left" aria-hidden="true"></i> <span style="padding-right: 8px

Font awesome spinner not spinning

泪湿孤枕 提交于 2021-01-02 05:22:44
问题 I have completed an installation of fontawesome in Nuxt with this fantastic link; https://github.com/FortAwesome/vue-fontawesome I have a spinner rendered as <font-awesome-icon :icon="['fas','spinner']" /> The spinner does not spin, it is static. I added fa-spin as <font-awesome-icon :icon="['fas','spinner', 'spin']" /> This caused the error in the console Could not find one or more icon(s) undefined Can anyone point me in the right direction, show me how to get my spinner spinning. The

Font awesome spinner not spinning

不问归期 提交于 2021-01-02 05:22:13
问题 I have completed an installation of fontawesome in Nuxt with this fantastic link; https://github.com/FortAwesome/vue-fontawesome I have a spinner rendered as <font-awesome-icon :icon="['fas','spinner']" /> The spinner does not spin, it is static. I added fa-spin as <font-awesome-icon :icon="['fas','spinner', 'spin']" /> This caused the error in the console Could not find one or more icon(s) undefined Can anyone point me in the right direction, show me how to get my spinner spinning. The

Use marker icon with only awesome fonts, no surrounding balloon

亡梦爱人 提交于 2020-12-30 06:50:53
问题 I have this code that works fine, but I need to get only the icon to show and not the "balloon" with its shadow. I have tried with removing " markerColor ..." but that is only changing to the default blue marker / balloon. How to only show the icon and its size and color? pointToLayer: function(feature, latlng) { var con = feature.properties.concept; var hub; // icons for XX, YY and ZZ if (kon === 'XX') { hub = new L.marker(latlng, {icon: L.AwesomeMarkers.icon({icon: 'truck', prefix: 'fa',

How to use Font Awesome icons in project as an icon of ImageButton

我们两清 提交于 2020-12-26 12:14:40
问题 I am having a problem to realize how to use Font Awesome icons in my Xamarin application, I want to use it with ImageButton as icon. And most tutorials I found didn't help me understand how it works. 回答1: As explained in Microsoft Documentation: You need to first to have the font file I believe .ttf (or .otf). Add it to your shared project. Right click on the file and click on "properties", then set it build action to Embedded Resource . Export it with a friendly alias name in your

How to use a Font Awesome SVG in Matter.js?

我怕爱的太早我们不能终老 提交于 2020-12-23 12:09:36
问题 What I'm trying to do: Use a Font Awesome SVG - sleigh - in matter.js. I've tried this: Matter.Bodies.fromVertices(500, 50 , Matter.Svg.pathToVertices("sleigh.svg")) <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M612.7 350.7l-9.3-7.4c-6.9-5.5-17-4.4-22.5 2.5l-10 12.5c-5.5 6.9-4.4 17 2.5 22.5l9.3 7.4c5.9 4.7 9.2 11.7 9.2 19.2 0 13.6-11 24.6-24.6 24.6H48c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h516c39 0 73.7-29.3 75.9-68.3 1.4-23.8-8.7-46.3-27.2-61zM32 224c0 59.6 40.9

font awesome - stack circle color change on hover

不问归期 提交于 2020-12-15 06:42:26
问题 I am using the font awesome framework for the icons. .fa-circle { color: red; } .fa-times { color: #fff; } .fa-circle:focus, .fa-circle:hover { color: #fff; border: 2px solid black; } .fa-times:focus, .fa-times:hover { color: red; } <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x"></i> </span> The above image is for the normal state. On hover or focus

font awesome - stack circle color change on hover

只谈情不闲聊 提交于 2020-12-15 06:41:43
问题 I am using the font awesome framework for the icons. .fa-circle { color: red; } .fa-times { color: #fff; } .fa-circle:focus, .fa-circle:hover { color: #fff; border: 2px solid black; } .fa-times:focus, .fa-times:hover { color: red; } <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x"></i> </span> The above image is for the normal state. On hover or focus