Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#swatchbook-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-swatchbook-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-swatchbook-outline" viewBox="0 0 24 24">
<path d="M5.4375 17.625C5.4375 17.1172 5.82812 16.6875 6.375 16.6875C6.88281 16.6875 7.3125 17.1172 7.3125 17.625C7.3125 18.1719 6.88281 18.5625 6.375 18.5625C5.82812 18.5625 5.4375 18.1719 5.4375 17.625ZM2 4.5C2 3.13281 3.09375 2 4.5 2H8.25C9.61719 2 10.75 3.13281 10.75 4.5V6.96094L12.7031 4.96875C13.6797 3.99219 15.2812 3.99219 16.2578 4.96875L19.0312 7.74219C20.0078 8.71875 20.0078 10.3203 19.0312 11.2969L17.0391 13.25H19.5C20.8672 13.25 22 14.3828 22 15.75V19.5C22 20.9062 20.8672 22 19.5 22H6.375C3.95312 22 2 20.0469 2 17.625V4.5ZM20.125 19.5V15.75C20.125 15.4375 19.8125 15.125 19.5 15.125H15.1641L10.1641 20.125H19.5C19.8125 20.125 20.125 19.8516 20.125 19.5ZM17.7031 9.07031L14.9297 6.29688C14.6953 6.02344 14.2656 6.02344 14.0312 6.29688L10.75 9.57812V16.9609L17.7031 9.96875C17.9375 9.73438 17.9375 9.30469 17.7031 9.07031ZM6.375 20.125C7.74219 20.125 8.875 19.0312 8.875 17.625V13.875H3.875V17.625C3.875 19.0312 4.96875 20.125 6.375 20.125ZM3.875 12H8.875V8.875H3.875V12ZM3.875 7H8.875V4.5C8.875 4.1875 8.5625 3.875 8.25 3.875H4.5C4.14844 3.875 3.875 4.1875 3.875 4.5V7Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F2F7- CSS:
\F2F7- JS:
\uF2F7- HTML:
