Pinterest icon
ls:pinterest
The Pinterest icon (ls:pinterest) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 717 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 717
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="m298 607l-5 18c-7 29-23 56-37 78c34 9 67 14 102 14c99 0 188-39 254-104c65-65 105-155 105-254s-40-189-105-254C546 40 457 0 358 0S170 40 105 105C39 170 0 260 0 359c0 74 21 142 60 198c38 56 92 102 154 129c-1-25 1-53 7-80c1-8 4-20 8-36c3-14 8-34 14-60c6-25 14-58 23-100c-3-6-5-12-6-19c-4-13-6-25-5-38c0-52 30-93 70-93c33 0 48 25 48 54c0 16-5 35-12 58c-8 24-15 45-20 69c-5 19 0 36 11 49c11 12 28 20 46 20c34 0 62-21 82-56s32-83 32-135c0-39-13-72-39-97s-63-39-111-39c-54 0-98 19-129 51s-48 75-48 121c0 29 9 51 25 69c5 8 7 11 5 20c-1 3-3 8-4 14c-3 13-4 30-22 24c-50-20-73-76-73-138c0-51 21-106 64-149c43-44 108-74 192-74c69 0 126 24 166 63c40 38 61 90 61 142c0 71-19 132-53 176s-83 70-140 70c-39 0-75-20-88-45c-6 22-10 38-13 50c-3 13-5 24-7 30"/></svg>
How to use the Pinterest icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:pinterest" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:pinterest" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:pinterest" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--pinterest]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:pinterest"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:pinterest"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/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. Ligature Symbols 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="ls: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/ls/pinterest.svg" alt="Pinterest icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
