Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#sun-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-sun-outline"/></span>
Embedded
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor" class="icon-sun-outline" viewBox="0 0 24 24">
<path d="M16.6484 2.78125L17.3516 6.64844L21.2188 7.35156C21.5312 7.39062 21.8047 7.625 21.9219 7.89844C22.0391 8.21094 22 8.52344 21.8047 8.79688L19.5781 12L21.8047 15.2422C22 15.5156 22.0391 15.8281 21.9219 16.1406C21.8047 16.4141 21.5312 16.6484 21.2188 16.6875L17.3516 17.3906L16.6484 21.2578C16.6094 21.5703 16.375 21.8438 16.1016 21.9609C15.7891 22.0781 15.4766 22.0391 15.2031 21.8438L12 19.6172L8.75781 21.8438C8.48438 22.0391 8.17188 22.0781 7.85938 21.9609C7.58594 21.8047 7.35156 21.5703 7.3125 21.2578L6.60938 17.3906L2.74219 16.6875C2.42969 16.6484 2.15625 16.4141 2.03906 16.1406C1.92188 15.8281 1.96094 15.5156 2.15625 15.2422L4.38281 12L2.15625 8.79688C1.96094 8.52344 1.92188 8.21094 2.03906 7.89844C2.19531 7.625 2.42969 7.39062 2.74219 7.35156L6.60938 6.64844L7.3125 2.78125C7.35156 2.46875 7.58594 2.19531 7.85938 2.07812C8.17188 1.96094 8.48438 2 8.75781 2.19531L12 4.42188L15.2031 2.19531C15.4766 2 15.7891 1.96094 16.1016 2.07812C16.375 2.19531 16.6094 2.46875 16.6484 2.78125ZM12.5078 6.29688C12.1953 6.53125 11.7656 6.53125 11.4531 6.29688L8.875 4.53906L8.32812 7.625C8.25 7.97656 7.9375 8.28906 7.58594 8.36719L4.5 8.91406L6.29688 11.4922C6.49219 11.8047 6.49219 12.2344 6.29688 12.5469L4.5 15.125L7.58594 15.6719C7.9375 15.75 8.25 16.0625 8.32812 16.4141L8.875 19.5L11.4531 17.7031C11.7656 17.5078 12.1953 17.5078 12.5078 17.7031L15.0859 19.5L15.6328 16.4141C15.7109 16.0625 16.0234 15.75 16.375 15.6719L19.4609 15.125L17.7031 12.5469C17.4688 12.2344 17.4688 11.8047 17.7031 11.4922L19.4609 8.91406L16.375 8.36719C16.0234 8.28906 15.7109 7.97656 15.6328 7.625L15.0859 4.53906L12.5078 6.29688ZM12 16.375C10.3984 16.375 8.99219 15.5547 8.21094 14.1875C7.39062 12.8594 7.39062 11.1797 8.21094 9.8125C8.99219 8.48438 10.3984 7.625 12 7.625C13.5625 7.625 14.9688 8.48438 15.75 9.8125C16.5703 11.1797 16.5703 12.8594 15.75 14.1875C14.9688 15.5547 13.5625 16.375 12 16.375ZM9.5 12C9.5 12.8984 9.96875 13.7188 10.75 14.1875C11.4922 14.6172 12.4688 14.6172 13.25 14.1875C13.9922 13.7188 14.5 12.8984 14.5 12C14.5 11.1406 13.9922 10.3203 13.25 9.85156C12.4688 9.42188 11.4922 9.42188 10.75 9.85156C9.96875 10.3203 9.5 11.1406 9.5 12Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F27B- CSS:
\F27B- JS:
\uF27B- HTML:
