Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-news"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-news"></span>
Code point
- Unicode:
U+F155
- CSS:
\F155
- JS:
\uF155
- 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-news" viewBox="0 0 16 16">
<path d="M9.374 4.948H3.44a.667.667 0 0 1 0-1.334h5.934a.667.667 0 1 1 0 1.334Zm-4.507 2.13A.667.667 0 0 0 4.2 6.41h-.76a.667.667 0 0 0 0 1.334h.76a.667.667 0 0 0 .667-.667Zm0 1.986a.667.667 0 0 0-.667-.666h-.76a.667.667 0 0 0 0 1.333h.76a.667.667 0 0 0 .667-.665v-.002Zm5.17 2.796a.667.667 0 0 0-.666-.666H3.438a.667.667 0 1 0 0 1.333H9.37a.667.667 0 0 0 .67-.667h-.003Zm0-2.216V6.496a.667.667 0 0 0-.666-.666H6.438a.667.667 0 0 0-.667.666v3.148a.667.667 0 0 0 .667.667H9.37a.667.667 0 0 0 .67-.667h-.003Zm-2.933-2.48h1.6v1.814h-1.6V7.163Zm6.928 7.555a2.118 2.118 0 0 0 1.302-1.956V4.65a.667.667 0 0 0-.667-.667h-2.231V1.788a.667.667 0 0 0-.667-.667H1.334a.667.667 0 0 0-.667.667v10.837A2.333 2.333 0 0 0 3 14.881h10.12v-.005h.022a.617.617 0 0 0 .078.004c.279 0 .555-.054.812-.16ZM2 2.454h9.102v10.31c0 .268.05.534.15.784H3a1 1 0 0 1-1-1V2.454Zm12 2.862v7.448a.78.78 0 0 1-.733.782.946.946 0 0 1-.6-.229.78.78 0 0 1-.23-.554V5.316H14Z"/>
</svg>