pinterest icon

pinterest from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
pinterest
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

pinterest-fillAkar Iconspinterest-filledAnt Design IconspinterestBootstrap IconspinterestBoxicons BrandspinterestCoreUI BrandspinterestFont Awesome 6 BrandspinterestFont Awesome BrandspinterestHuge IconspinterestIconoirpinterestJam IconspinterestLine AwesomepinterestSVG LogospinterestMage IconspinterestMaterial Design Iconspinterest-fillMingCute IconpinterestMyna UI IconspinterestOpenMojipinterest-fillRemix IconpinterestSimple Iconspinterest-outlineTeenyicons

Use the pinterest icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 0 1-10.368 7.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497 1.022.92 1.832.92c2.413 0 4.152-2.22 4.152-4.978c0-2.642-2.159-4.62-4.933-4.62c-3.451 0-5.287 2.317-5.287 4.842c0 1.175.626 2.636 1.623 3.1c.151.071.232.04.267-.106c.026-.11.162-.655.223-.907a.24.24 0 0 0-.055-.229c-.326-.403-.59-1.138-.59-1.825c0-1.765 1.335-3.471 3.613-3.471c1.964 0 3.342 1.338 3.342 3.255c0 2.164-1.094 3.664-2.517 3.664c-.783 0-1.374-.648-1.183-1.445c.226-.952.661-1.978.661-2.665c0-.612-.33-1.125-1.013-1.125c-.803 0-1.448.829-1.448 1.941c0 .71.238 1.188.238 1.188s-.79 3.348-.935 3.974c-.161.69-.097 1.664-.03 2.297A8 8 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8"/></svg>

React

import type { SVGProps } from "react";

export function PrimePinterest(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 0 1-10.368 7.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497 1.022.92 1.832.92c2.413 0 4.152-2.22 4.152-4.978c0-2.642-2.159-4.62-4.933-4.62c-3.451 0-5.287 2.317-5.287 4.842c0 1.175.626 2.636 1.623 3.1c.151.071.232.04.267-.106c.026-.11.162-.655.223-.907a.24.24 0 0 0-.055-.229c-.326-.403-.59-1.138-.59-1.825c0-1.765 1.335-3.471 3.613-3.471c1.964 0 3.342 1.338 3.342 3.255c0 2.164-1.094 3.664-2.517 3.664c-.783 0-1.374-.648-1.183-1.445c.226-.952.661-1.978.661-2.665c0-.612-.33-1.125-1.013-1.125c-.803 0-1.448.829-1.448 1.941c0 .71.238 1.188.238 1.188s-.79 3.348-.935 3.974c-.161.69-.097 1.664-.03 2.297A8 8 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 0 1-10.368 7.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497 1.022.92 1.832.92c2.413 0 4.152-2.22 4.152-4.978c0-2.642-2.159-4.62-4.933-4.62c-3.451 0-5.287 2.317-5.287 4.842c0 1.175.626 2.636 1.623 3.1c.151.071.232.04.267-.106c.026-.11.162-.655.223-.907a.24.24 0 0 0-.055-.229c-.326-.403-.59-1.138-.59-1.825c0-1.765 1.335-3.471 3.613-3.471c1.964 0 3.342 1.338 3.342 3.255c0 2.164-1.094 3.664-2.517 3.664c-.783 0-1.374-.648-1.183-1.445c.226-.952.661-1.978.661-2.665c0-.612-.33-1.125-1.013-1.125c-.803 0-1.448.829-1.448 1.941c0 .71.238 1.188.238 1.188s-.79 3.348-.935 3.974c-.161.69-.097 1.664-.03 2.297A8 8 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8"/></svg>
</template>

CSS

.icon-pinterest {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2012a8%208%200%200%201-10.368%207.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497%201.022.92%201.832.92c2.413%200%204.152-2.22%204.152-4.978c0-2.642-2.159-4.62-4.933-4.62c-3.451%200-5.287%202.317-5.287%204.842c0%201.175.626%202.636%201.623%203.1c.151.071.232.04.267-.106c.026-.11.162-.655.223-.907a.24.24%200%200%200-.055-.229c-.326-.403-.59-1.138-.59-1.825c0-1.765%201.335-3.471%203.613-3.471c1.964%200%203.342%201.338%203.342%203.255c0%202.164-1.094%203.664-2.517%203.664c-.783%200-1.374-.648-1.183-1.445c.226-.952.661-1.978.661-2.665c0-.612-.33-1.125-1.013-1.125c-.803%200-1.448.829-1.448%201.941c0%20.71.238%201.188.238%201.188s-.79%203.348-.935%203.974c-.161.69-.097%201.664-.03%202.297A8%208%200%200%201%204%2012c0-4.42%203.58-8%208-8s8%203.58%208%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2012a8%208%200%200%201-10.368%207.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497%201.022.92%201.832.92c2.413%200%204.152-2.22%204.152-4.978c0-2.642-2.159-4.62-4.933-4.62c-3.451%200-5.287%202.317-5.287%204.842c0%201.175.626%202.636%201.623%203.1c.151.071.232.04.267-.106c.026-.11.162-.655.223-.907a.24.24%200%200%200-.055-.229c-.326-.403-.59-1.138-.59-1.825c0-1.765%201.335-3.471%203.613-3.471c1.964%200%203.342%201.338%203.342%203.255c0%202.164-1.094%203.664-2.517%203.664c-.783%200-1.374-.648-1.183-1.445c.226-.952.661-1.978.661-2.665c0-.612-.33-1.125-1.013-1.125c-.803%200-1.448.829-1.448%201.941c0%20.71.238%201.188.238%201.188s-.79%203.348-.935%203.974c-.161.69-.097%201.664-.03%202.297A8%208%200%200%201%204%2012c0-4.42%203.58-8%208-8s8%203.58%208%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/pinterest.svg?color=%231a73e8&size=48