Sign up for updates.

Technical detailsCode bubble icon

All icons in the library are in SVG 1.1 format which is supported by all modern browsers and is compatible with almost all applications and platforms.

The canvas (or viewBox) size is set to 500 X 500 or 5000 X 5000 units, depending on drawing precision of 1:100 or 1:1000 units for complex icons. Width and height are set to 100%.

Stroke sizes depend on drawing precision and viewBox size, are set to 1, 2, 2.5, 3, 5, 7.5, 10, 20, 25, 30, 40, 50, 75, 100, 200, 300, 400 for STANDARD and LINEAR styles.

Styling properties are defined as internal style sheets.

The SVG code of icons is divided into 3 parts

  1. The header

    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%" version="1.1" viewBox="0 0 500 500" xmlns:xlink="http://www.w3.org/1999/xlink"> 
  2. Definitions (containing theming data)

    <defs>
     <style type="text/css">
      <![CDATA[
       .str6 {stroke:#434242;stroke-width:1}
       .str1 {stroke:#2B2A29;stroke-width:1;stroke-dasharray:2 1}
       .fil0 {fill:none}
       .fil2 {fill:#008EED}
       .fil3 {fill:url(#id4)}
      ]]>
     </style>
     <linearGradient id="id0" gradientUnits="objectBoundingBox" x1="50%" y1="0%" x2="50%" y2="100%">
      <stop offset="0" style="stop-color:#F8F8F8"/>
      <stop offset="1" style="stop-color:#E5E5E5"/>
     </linearGradient>
    </defs>
  3. Geometric data (actual graphics coordinates)

    <g id="snipiconid">
     <path class="fil0 str0" d="M0 723l20000 0m-20000 90l20000 0m-20000 90l20000 0m-20000 91l20000 0m-20000 90l20000 0m-20000 90l20000 0m-20000 91l20000 0m-20000 90l20000 0m-20000 -1355l20000 90l20000 0m-20000 90l20000 0"/>
     <path id="mainback" class="fil1 str1" d="M5982 408c548,0 992,444 992,992 0,548 -444,992 -992, -819,-367 -819,-820 0,-453 367,-820 819,-820z"/>
    </g>
Copyright © 2017 - SnipIcons