Code
<i class="icf-solid icf-moon"></i>
icf-solid icf-moon
<i className="icf-solid icf-moon" />
Unicode:
Hex: \e27f
HTML Entity:
.my-icon::before {
font-family: "Iconfyra Solid";
content: "\e27f";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M260,512.001c-69.449,0 -134.74,-27.045 -183.848,-76.152c-49.108,-49.108 -76.152,-114.399 -76.152,-183.848c0,-69.449 27.044,-134.74 76.152,-183.848c35.023,-35.022 79.268,-57.201 135.265,-67.803c8.175,-1.547 16.453,2.127 20.789,9.227c4.336,7.1 3.824,16.143 -1.286,22.708c-55.52,71.332 -49.237,169.683 14.938,233.858c64.174,64.174 162.525,70.457 233.858,14.938c6.566,-5.11 15.609,-5.621 22.708,-1.286c7.101,4.336 10.774,12.615 9.228,20.789c-10.602,55.996 -32.78,100.241 -67.803,135.265c-49.109,49.107 -114.401,76.152 -183.849,76.152z"/>
</svg>
Available Variants
Classic
Solid
Free
Regular
Free
Light
Pro
Thin
Pro
Duotone
Solid
Free
Regular
Free
Light
Pro
Thin
Pro
Sizes
16px
24px
32px
48px
64px
96px
128px
Download
SVG (Classic Solid)
SVG (Classic Regular)
SVG (Duotone Solid)
SVG (Duotone Regular)
Classic Light PRO
Classic Thin PRO
Duotone Light PRO
Duotone Thin PRO
Light and Thin weights are available with a Pro plan.