pinterest icon

pinterest from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name
pinterest
Set
Mage Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

pinterest-fillAkar Iconspinterest-filledAnt Design IconspinterestBootstrap IconspinterestBoxicons BrandspinterestCoreUI BrandspinterestFont Awesome 6 BrandspinterestFont Awesome BrandspinterestHuge IconspinterestIconoirpinterestJam IconspinterestLine AwesomepinterestSVG LogospinterestMaterial Design Iconspinterest-fillMingCute IconpinterestMyna UI IconspinterestOpenMojipinterestPrime Iconspinterest-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="M21.535 14.938a10.1 10.1 0 0 1-4.973 5.901a10.3 10.3 0 0 1-7.734.718a12.9 12.9 0 0 0 1.93-4.935l.441.341a3.35 3.35 0 0 0 2.888.586a4.85 4.85 0 0 0 1.785-.748a4.8 4.8 0 0 0 1.341-1.384a6.58 6.58 0 0 0 .98-5.49a5.54 5.54 0 0 0-1.617-2.732a5.64 5.64 0 0 0-2.866-1.413a7.22 7.22 0 0 0-5.496.831a5.7 5.7 0 0 0-1.879 1.812a5.6 5.6 0 0 0-.859 2.452a5.1 5.1 0 0 0 .916 3.784a2.7 2.7 0 0 0 1.078.906c.259.128.388-.086.474-.352c.184-.522.324-.789.108-1.215a4.23 4.23 0 0 1-.3-4.1a4.3 4.3 0 0 1 1.352-1.646a4.34 4.34 0 0 1 1.988-.799a4.8 4.8 0 0 1 2.931.427a3.75 3.75 0 0 1 1.484 1.316c.366.563.572 1.213.596 1.881a5.6 5.6 0 0 1-.851 3.667a2.74 2.74 0 0 1-.912.932a2.8 2.8 0 0 1-1.244.41a1.47 1.47 0 0 1-1.279-.475a1.43 1.43 0 0 1-.316-1.315c.205-.842.485-1.673.7-2.526c.093-.347.126-.708.098-1.066a1.28 1.28 0 0 0-.664-1.053a1.32 1.32 0 0 0-1.255-.013c-.306.152-.566.38-.756.663c-.189.282-.3.609-.322.947a3.8 3.8 0 0 0 .14 1.961a.8.8 0 0 1 0 .458c-.377 1.62-.808 3.198-1.077 4.85c-.09.771-.116 1.549-.076 2.324v.5a10.12 10.12 0 0 1-5.339-5.049a9.95 9.95 0 0 1-.471-7.29a10.07 10.07 0 0 1 4.645-5.682a10.26 10.26 0 0 1 7.309-1.068c1.326.342 2.569.947 3.652 1.778a10 10 0 0 1 2.648 3.058a9.9 9.9 0 0 1 .802 7.848"/></svg>

React

import type { SVGProps } from "react";

export function MagePinterest(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="M21.535 14.938a10.1 10.1 0 0 1-4.973 5.901a10.3 10.3 0 0 1-7.734.718a12.9 12.9 0 0 0 1.93-4.935l.441.341a3.35 3.35 0 0 0 2.888.586a4.85 4.85 0 0 0 1.785-.748a4.8 4.8 0 0 0 1.341-1.384a6.58 6.58 0 0 0 .98-5.49a5.54 5.54 0 0 0-1.617-2.732a5.64 5.64 0 0 0-2.866-1.413a7.22 7.22 0 0 0-5.496.831a5.7 5.7 0 0 0-1.879 1.812a5.6 5.6 0 0 0-.859 2.452a5.1 5.1 0 0 0 .916 3.784a2.7 2.7 0 0 0 1.078.906c.259.128.388-.086.474-.352c.184-.522.324-.789.108-1.215a4.23 4.23 0 0 1-.3-4.1a4.3 4.3 0 0 1 1.352-1.646a4.34 4.34 0 0 1 1.988-.799a4.8 4.8 0 0 1 2.931.427a3.75 3.75 0 0 1 1.484 1.316c.366.563.572 1.213.596 1.881a5.6 5.6 0 0 1-.851 3.667a2.74 2.74 0 0 1-.912.932a2.8 2.8 0 0 1-1.244.41a1.47 1.47 0 0 1-1.279-.475a1.43 1.43 0 0 1-.316-1.315c.205-.842.485-1.673.7-2.526c.093-.347.126-.708.098-1.066a1.28 1.28 0 0 0-.664-1.053a1.32 1.32 0 0 0-1.255-.013c-.306.152-.566.38-.756.663c-.189.282-.3.609-.322.947a3.8 3.8 0 0 0 .14 1.961a.8.8 0 0 1 0 .458c-.377 1.62-.808 3.198-1.077 4.85c-.09.771-.116 1.549-.076 2.324v.5a10.12 10.12 0 0 1-5.339-5.049a9.95 9.95 0 0 1-.471-7.29a10.07 10.07 0 0 1 4.645-5.682a10.26 10.26 0 0 1 7.309-1.068c1.326.342 2.569.947 3.652 1.778a10 10 0 0 1 2.648 3.058a9.9 9.9 0 0 1 .802 7.848"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.535 14.938a10.1 10.1 0 0 1-4.973 5.901a10.3 10.3 0 0 1-7.734.718a12.9 12.9 0 0 0 1.93-4.935l.441.341a3.35 3.35 0 0 0 2.888.586a4.85 4.85 0 0 0 1.785-.748a4.8 4.8 0 0 0 1.341-1.384a6.58 6.58 0 0 0 .98-5.49a5.54 5.54 0 0 0-1.617-2.732a5.64 5.64 0 0 0-2.866-1.413a7.22 7.22 0 0 0-5.496.831a5.7 5.7 0 0 0-1.879 1.812a5.6 5.6 0 0 0-.859 2.452a5.1 5.1 0 0 0 .916 3.784a2.7 2.7 0 0 0 1.078.906c.259.128.388-.086.474-.352c.184-.522.324-.789.108-1.215a4.23 4.23 0 0 1-.3-4.1a4.3 4.3 0 0 1 1.352-1.646a4.34 4.34 0 0 1 1.988-.799a4.8 4.8 0 0 1 2.931.427a3.75 3.75 0 0 1 1.484 1.316c.366.563.572 1.213.596 1.881a5.6 5.6 0 0 1-.851 3.667a2.74 2.74 0 0 1-.912.932a2.8 2.8 0 0 1-1.244.41a1.47 1.47 0 0 1-1.279-.475a1.43 1.43 0 0 1-.316-1.315c.205-.842.485-1.673.7-2.526c.093-.347.126-.708.098-1.066a1.28 1.28 0 0 0-.664-1.053a1.32 1.32 0 0 0-1.255-.013c-.306.152-.566.38-.756.663c-.189.282-.3.609-.322.947a3.8 3.8 0 0 0 .14 1.961a.8.8 0 0 1 0 .458c-.377 1.62-.808 3.198-1.077 4.85c-.09.771-.116 1.549-.076 2.324v.5a10.12 10.12 0 0 1-5.339-5.049a9.95 9.95 0 0 1-.471-7.29a10.07 10.07 0 0 1 4.645-5.682a10.26 10.26 0 0 1 7.309-1.068c1.326.342 2.569.947 3.652 1.778a10 10 0 0 1 2.648 3.058a9.9 9.9 0 0 1 .802 7.848"/></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%22M21.535%2014.938a10.1%2010.1%200%200%201-4.973%205.901a10.3%2010.3%200%200%201-7.734.718a12.9%2012.9%200%200%200%201.93-4.935l.441.341a3.35%203.35%200%200%200%202.888.586a4.85%204.85%200%200%200%201.785-.748a4.8%204.8%200%200%200%201.341-1.384a6.58%206.58%200%200%200%20.98-5.49a5.54%205.54%200%200%200-1.617-2.732a5.64%205.64%200%200%200-2.866-1.413a7.22%207.22%200%200%200-5.496.831a5.7%205.7%200%200%200-1.879%201.812a5.6%205.6%200%200%200-.859%202.452a5.1%205.1%200%200%200%20.916%203.784a2.7%202.7%200%200%200%201.078.906c.259.128.388-.086.474-.352c.184-.522.324-.789.108-1.215a4.23%204.23%200%200%201-.3-4.1a4.3%204.3%200%200%201%201.352-1.646a4.34%204.34%200%200%201%201.988-.799a4.8%204.8%200%200%201%202.931.427a3.75%203.75%200%200%201%201.484%201.316c.366.563.572%201.213.596%201.881a5.6%205.6%200%200%201-.851%203.667a2.74%202.74%200%200%201-.912.932a2.8%202.8%200%200%201-1.244.41a1.47%201.47%200%200%201-1.279-.475a1.43%201.43%200%200%201-.316-1.315c.205-.842.485-1.673.7-2.526c.093-.347.126-.708.098-1.066a1.28%201.28%200%200%200-.664-1.053a1.32%201.32%200%200%200-1.255-.013c-.306.152-.566.38-.756.663c-.189.282-.3.609-.322.947a3.8%203.8%200%200%200%20.14%201.961a.8.8%200%200%201%200%20.458c-.377%201.62-.808%203.198-1.077%204.85c-.09.771-.116%201.549-.076%202.324v.5a10.12%2010.12%200%200%201-5.339-5.049a9.95%209.95%200%200%201-.471-7.29a10.07%2010.07%200%200%201%204.645-5.682a10.26%2010.26%200%200%201%207.309-1.068c1.326.342%202.569.947%203.652%201.778a10%2010%200%200%201%202.648%203.058a9.9%209.9%200%200%201%20.802%207.848%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%22M21.535%2014.938a10.1%2010.1%200%200%201-4.973%205.901a10.3%2010.3%200%200%201-7.734.718a12.9%2012.9%200%200%200%201.93-4.935l.441.341a3.35%203.35%200%200%200%202.888.586a4.85%204.85%200%200%200%201.785-.748a4.8%204.8%200%200%200%201.341-1.384a6.58%206.58%200%200%200%20.98-5.49a5.54%205.54%200%200%200-1.617-2.732a5.64%205.64%200%200%200-2.866-1.413a7.22%207.22%200%200%200-5.496.831a5.7%205.7%200%200%200-1.879%201.812a5.6%205.6%200%200%200-.859%202.452a5.1%205.1%200%200%200%20.916%203.784a2.7%202.7%200%200%200%201.078.906c.259.128.388-.086.474-.352c.184-.522.324-.789.108-1.215a4.23%204.23%200%200%201-.3-4.1a4.3%204.3%200%200%201%201.352-1.646a4.34%204.34%200%200%201%201.988-.799a4.8%204.8%200%200%201%202.931.427a3.75%203.75%200%200%201%201.484%201.316c.366.563.572%201.213.596%201.881a5.6%205.6%200%200%201-.851%203.667a2.74%202.74%200%200%201-.912.932a2.8%202.8%200%200%201-1.244.41a1.47%201.47%200%200%201-1.279-.475a1.43%201.43%200%200%201-.316-1.315c.205-.842.485-1.673.7-2.526c.093-.347.126-.708.098-1.066a1.28%201.28%200%200%200-.664-1.053a1.32%201.32%200%200%200-1.255-.013c-.306.152-.566.38-.756.663c-.189.282-.3.609-.322.947a3.8%203.8%200%200%200%20.14%201.961a.8.8%200%200%201%200%20.458c-.377%201.62-.808%203.198-1.077%204.85c-.09.771-.116%201.549-.076%202.324v.5a10.12%2010.12%200%200%201-5.339-5.049a9.95%209.95%200%200%201-.471-7.29a10.07%2010.07%200%200%201%204.645-5.682a10.26%2010.26%200%200%201%207.309-1.068c1.326.342%202.569.947%203.652%201.778a10%2010%200%200%201%202.648%203.058a9.9%209.9%200%200%201%20.802%207.848%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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