Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-social-pinterest"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-social sf-icon-social-pinterest"></span>
Code point
- Unicode:
U+F109
- CSS:
\F109
- JS:
\uF109
- 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-social-pinterest" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 2a5.867 5.867 0 0 0-3.027.822 5.923 5.923 0 0 0-2.151 2.15A5.867 5.867 0 0 0 2 8c0 .804.155 1.57.466 2.301a6.002 6.002 0 0 0 3.123 3.192c-.018-.539.018-.995.11-1.37l.767-3.274-.055-.123a1.73 1.73 0 0 1-.082-.329 2.267 2.267 0 0 1-.055-.493c0-.438.112-.808.336-1.11.223-.3.5-.452.828-.452.265 0 .466.085.603.254.137.169.206.386.206.65 0 .165-.032.375-.096.63-.037.129-.11.37-.22.727-.1.329-.173.584-.219.767a.963.963 0 0 0 .041.582.91.91 0 0 0 .35.425c.16.105.344.157.555.157.365 0 .698-.146 1-.438.283-.283.504-.67.664-1.158.16-.488.24-1.02.24-1.596 0-.438-.098-.833-.295-1.184a2.015 2.015 0 0 0-.842-.816c-.384-.2-.836-.3-1.357-.3-.584 0-1.11.136-1.575.41a2.693 2.693 0 0 0-1.02 1.041 2.9 2.9 0 0 0-.363 1.425c0 .456.132.85.397 1.178a.527.527 0 0 1 .103.157.319.319 0 0 1-.007.172 1.937 1.937 0 0 0-.069.246l-.055.233c-.018.073-.054.123-.11.15-.054.028-.118.028-.19 0-.403-.164-.713-.46-.932-.89-.201-.392-.302-.858-.302-1.397 0-.603.16-1.183.48-1.74a3.946 3.946 0 0 1 1.424-1.424c.694-.393 1.489-.59 2.384-.59.74 0 1.406.165 2 .494.557.31.995.73 1.315 1.26.32.53.48 1.091.48 1.685 0 .776-.138 1.477-.412 2.103-.274.625-.655 1.116-1.143 1.472a2.775 2.775 0 0 1-1.678.535c-.311 0-.605-.073-.884-.22-.279-.146-.473-.32-.582-.52l-.425 1.644c-.11.41-.31.84-.603 1.287A5.789 5.789 0 0 0 8 14a5.867 5.867 0 0 0 3.027-.822 5.923 5.923 0 0 0 2.151-2.15A5.874 5.874 0 0 0 14 8a5.867 5.867 0 0 0-.822-3.027 5.923 5.923 0 0 0-2.15-2.151A5.867 5.867 0 0 0 8 2Z"/>
</svg>