icon-school

Examples

Heading

Smaller heading

Inline text

Icon Component

Using the Icon Component? Copy, paste, and go.

<s-icon name="icon-school"></s-icon>

Icon font

Using the web font? Copy, paste, and go.

<span class="sf-main sf-icon-school"></span>

Code point

Unicode: U+F168
CSS: \F168
JS: \uF168
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-school" viewBox="0 0 16 16">
  <g clip-path="url(#a)">
    <path d="M15.334 15.334H.667A.667.667 0 0 1 0 14.667v-2A.667.667 0 0 1 .667 12h1.219V6H.666a.667.667 0 0 1-.318-1.252l7.333-4a.667.667 0 0 1 .639 0l7.333 4A.667.667 0 0 1 15.333 6h-1.218v6h1.219a.667.667 0 0 1 .666.667v2a.667.667 0 0 1-.666.667ZM1.334 14h13.333v-.666H1.334V14Zm10.78-2h.668V6h-.667v6Zm-2.447 0h1.115V6H9.667v6Zm-2 0h.667V6h-.667v6Zm-2.448 0h1.115V6H5.219v6Zm-2 0h.667V6h-.667v6Zm8.23-7.333h1.27L8 2.093 3.282 4.667h8.166Z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path d="M0 0h16v16H0z"/>
    </clipPath>
  </defs>
</svg>