Brightness
brightness
A sun or brightness icon. Use for light mode toggle, brightness settings, or daytime theme indicators.
Code
<i class="icf-solid icf-brightness"></i>
icf-solid icf-brightness
<i className="icf-solid icf-brightness" />
Unicode:
Hex: \e27e
HTML Entity:
.my-icon::before {
font-family: "Iconfyra 1";
font-weight: 900;
content: "\e27e";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M256 156A100 100 0 1 1 256 356A100 100 0 1 1 256 156ZM287 100L287 47A31 31 0 0 0 225 47L225 100A31 31 0 0 0 287 100ZM388.23 167.61L425.71 130.13A31 31 0 0 0 381.87 86.29L344.39 123.77A31 31 0 0 0 388.23 167.61ZM412 287L465 287A31 31 0 0 0 465 225L412 225A31 31 0 0 0 412 287ZM344.39 388.23L381.87 425.71A31 31 0 0 0 425.71 381.87L388.23 344.39A31 31 0 0 0 344.39 388.23ZM225 412L225 465A31 31 0 0 0 287 465L287 412A31 31 0 0 0 225 412ZM123.77 344.39L86.29 381.87A31 31 0 0 0 130.13 425.71L167.61 388.23A31 31 0 0 0 123.77 344.39ZM100 225L47 225A31 31 0 0 0 47 287L100 287A31 31 0 0 0 100 225ZM167.61 123.77L130.13 86.29A31 31 0 0 0 86.29 130.13L123.77 167.61A31 31 0 0 0 167.61 123.77Z"/>
</svg>
Available Variants
Classic
Solid
Free
Regular
Free
Light
Basic
Thin
Basic
Duotone
Solid
Pro
Regular
Pro
Light
Pro
Thin
Pro
Sizes
16px
24px
32px
48px
64px
96px
128px