Pinterest icon
whh:pinterest
The Pinterest icon (whh:pinterest) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 832 × 1025 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 832 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1025" viewBox="0 0 832 1025"><path fill="currentColor" d="M512 768q-53 0-103.5-30.5T335 653q-23 82-38.5 135.5T261 904t-35 92t-25 28q-22-5 .5-173T262 518q-12-45-1-102q14-66 50-113t73-47t54 47t4 113q-10 47-32 86t-49 58q0 1-2 6q32 60 77 99t76 39q61 0 106-47.5T683.5 538T704 384q0-87-38.5-160.5T560.5 107T416 64t-144.5 43t-105 116.5T128 384q0 51 22 101q4 16 1 41t-18.5 47.5T97 594Q0 495 0 384q0-104 55.5-192.5T207 51.5T416 0t209 51.5t151.5 140T832 384q0 72-23.5 141T744 648t-101.5 87T512 768"/></svg>
How to use the Pinterest icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:pinterest" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:pinterest" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:pinterest" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--pinterest]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:pinterest"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:pinterest"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/pinterest.svg" alt="Pinterest icon" width="24" height="24">
Pinterest icon in other icon sets
Pinterest icon FAQ
Is the Pinterest icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Pinterest icon in React?
Install @iconify/react and render <Icon icon="whh:pinterest" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pinterest icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/pinterest.svg" alt="Pinterest icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
