Pinterest Outlined icon
ant-design:pinterest-outlined
The Pinterest Outlined icon (ant-design:pinterest-outlined) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT 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
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- pinterestoutlined
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M512 64C264.807 64 64 264.807 64 512s200.807 448 448 448s448-200.807 448-448S759.193 64 512 64m0 38.957c226.14 0 409.043 182.904 409.043 409.043S738.139 921.043 512 921.043c-41.365 0-81.269-6.19-118.886-17.576c16.756-28.014 38.39-68.058 46.984-101.12c5.106-19.601 26.098-99.559 26.098-99.559c13.642 26.045 53.503 48.087 95.945 48.087c126.295 0 217.343-116.149 217.343-260.484c0-138.375-112.916-241.88-258.201-241.88c-180.753 0-276.69 121.314-276.69 253.407c0 61.433 32.673 137.902 84.989 162.256c7.924 3.688 12.18 2.09 14-5.592c1.4-5.831 8.468-34.255 11.64-47.479c1.016-4.22.524-7.866-2.89-12.021c-17.316-21.004-31.196-59.583-31.196-95.566c0-92.374 69.932-181.771 189.076-181.771c102.875 0 174.924 70.13 174.924 170.396c0 113.281-57.2 191.777-131.63 191.777c-41.106 0-71.885-34.005-62.011-75.706c11.838-49.77 34.695-103.478 34.695-139.43c0-32.149-17.253-58.967-52.994-58.967c-42.024 0-75.783 43.447-75.783 101.69c0 37.063 12.554 62.163 12.554 62.163s-41.511 175.51-49.114 208.174c-7.619 32.642-5.578 76.605-2.435 109.337C208.551 830.518 102.957 683.785 102.957 512c0-226.14 182.903-409.043 409.043-409.043"/></svg>How to use the Pinterest Outlined icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:pinterest-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:pinterest-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:pinterest-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--pinterest-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:pinterest-outlined"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:pinterest-outlined"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/pinterest-outlined.svg" alt="Pinterest Outlined icon" width="24" height="24">Related icons in Ant Design Icons
Pinterest Outlined icon FAQ
Is the Pinterest Outlined icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Pinterest Outlined icon in React?
Install @iconify/react and render <Icon icon="ant-design:pinterest-outlined" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pinterest Outlined icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/pinterest-outlined.svg" alt="Pinterest Outlined icon">, or paste the SVG code inline to style it with CSS.