Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-settings"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-settings"></span>
Code point
- Unicode:
U+F16C
- CSS:
\F16C
- JS:
\uF16C
- HTML:

Copy HTML
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-icon-settings" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 6.667c-.733 0-1.333.6-1.333 1.333S7.267 9.333 8 9.333 9.333 8.733 9.333 8 8.733 6.667 8 6.667ZM5.333 8a2.666 2.666 0 1 1 5.334 0 2.666 2.666 0 1 1-5.334 0ZM8 1.333a.688.688 0 0 0-.473.194.688.688 0 0 0-.194.473v.113c0 .347-.106.68-.293.967a1.73 1.73 0 0 1-.78.653.514.514 0 0 1-.173.047c-.287.1-.6.127-.9.073a1.749 1.749 0 0 1-.92-.473l-.007-.007-.04-.04a.67.67 0 0 0-.473-.2.638.638 0 0 0-.254.054.583.583 0 0 0-.213.146.664.664 0 0 0-.2.467c0 .087.02.18.053.26.034.08.08.153.147.213l.047.047c.246.253.406.573.473.92.06.34.02.693-.113 1.007A1.748 1.748 0 0 1 2.08 7.38H2a.688.688 0 0 0-.473.193.717.717 0 0 0-.194.48A.66.66 0 0 0 2 8.72h.113a1.772 1.772 0 0 1 1.734 2.093c-.06.347-.227.667-.474.92l-.006.007-.034.04a.664.664 0 0 0-.2.467c0 .086.02.173.054.253.033.087.08.16.146.22a.664.664 0 0 0 .467.2.664.664 0 0 0 .467-.2l.046-.047a1.75 1.75 0 0 1 .92-.473c.34-.06.694-.02 1.007.113a1.748 1.748 0 0 1 1.133 1.607V14c0 .18.074.347.194.473a.68.68 0 0 0 .486.194c.18 0 .347-.074.474-.194A.649.649 0 0 0 8.72 14v-.113a1.772 1.772 0 0 1 2.093-1.734c.347.06.667.227.92.474l.007.006.04.034a.676.676 0 0 0 .467.2.663.663 0 0 0 .466-.2.664.664 0 0 0 .2-.467.664.664 0 0 0-.2-.467l-.046-.046a1.75 1.75 0 0 1-.474-.92c-.06-.347-.02-.7.12-1.027a1.74 1.74 0 0 1 .647-.773c.287-.194.627-.294.967-.294H14c.18 0 .347-.073.473-.193.127-.12.194-.3.194-.48a.689.689 0 0 0-.194-.473.649.649 0 0 0-.473-.194h-.113a1.758 1.758 0 0 1-1.613-1.073.514.514 0 0 1-.047-.173 1.8 1.8 0 0 1-.074-.9c.06-.347.227-.667.474-.92l.006-.007.034-.04a.676.676 0 0 0 .2-.467.662.662 0 0 0-.054-.253.556.556 0 0 0-.146-.22.663.663 0 0 0-.467-.2.663.663 0 0 0-.467.2l-.046.047a1.75 1.75 0 0 1-.92.473c-.347.06-.7.02-1.027-.12a1.74 1.74 0 0 1-.773-.647 1.746 1.746 0 0 1-.3-.973V2a.688.688 0 0 0-.194-.473A.688.688 0 0 0 8 1.333ZM12.933 10l.607.267a.413.413 0 0 0-.027.253c.014.087.054.16.114.227l.033.033a2.005 2.005 0 0 1 .587 1.413 2.02 2.02 0 0 1-.587 1.414l-.473-.474.473.474a2.007 2.007 0 0 1-1.413.586 2.007 2.007 0 0 1-1.413-.587l-.04-.04a.41.41 0 0 0-.227-.113.469.469 0 0 0-.254.027h-.006a.437.437 0 0 0-.267.393V14c0 .533-.213 1.04-.587 1.413a1.94 1.94 0 0 1-1.4.587c-.533 0-1.04-.213-1.413-.587A1.998 1.998 0 0 1 6.053 14v-.053a.41.41 0 0 0-.08-.234.408.408 0 0 0-.2-.153.094.094 0 0 0-.04-.013.412.412 0 0 0-.253-.027.432.432 0 0 0-.227.113l-.033.034a2.006 2.006 0 0 1-2.187.433A2.006 2.006 0 0 1 1.8 12.253c0-.266.053-.52.153-.766.1-.24.247-.467.434-.647l.033-.033c.06-.06.1-.14.113-.227a.468.468 0 0 0-.026-.253v-.007a.437.437 0 0 0-.393-.267H2a1.998 1.998 0 1 1 0-4h.053a.41.41 0 0 0 .234-.08.407.407 0 0 0 .153-.2l.02-.04a.413.413 0 0 0 .027-.253.409.409 0 0 0-.114-.227l-.04-.033a1.964 1.964 0 0 1-.433-.653 1.992 1.992 0 0 1 .433-2.18A2.005 2.005 0 0 1 3.747 1.8c.26 0 .52.053.766.153.24.1.467.247.647.434l.04.04c.06.06.14.1.227.113a.468.468 0 0 0 .253-.027.443.443 0 0 1 .133-.04.512.512 0 0 0 .12-.12.52.52 0 0 0 .067-.24V2c0-.533.213-1.04.587-1.413A1.998 1.998 0 0 1 10 2v.06c0 .087.027.167.073.233a.413.413 0 0 0 .194.16h.006a.41.41 0 0 0 .254.027.432.432 0 0 0 .226-.113l.034-.034a2.005 2.005 0 0 1 1.413-.586c.267 0 .52.053.767.153A2.005 2.005 0 0 1 14.2 3.747a2.005 2.005 0 0 1-.587 1.413l-.04.04c-.06.06-.1.14-.113.227a.468.468 0 0 0 .027.253c.02.04.033.087.04.133a.511.511 0 0 0 .12.12.52.52 0 0 0 .24.067H14c.533 0 1.04.213 1.413.587A1.998 1.998 0 0 1 14 10h-.06a.404.404 0 0 0-.233.073.413.413 0 0 0-.16.194L12.933 10Z"/>
</svg>