Pin Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Pin icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310912.svg" alt="Pin icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310912.svg" alt="Pin icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310912.svg" alt="Pin icon" :width="24" :height="24" />
CSS background
.icon-pin {
background-image: url('https://proicons.com/icon/310912.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.9423 6.07598L20.3839 8.51758C20.5095 8.64246 20.6064 8.79315 20.6679 8.95922C20.7294 9.12529 20.754 9.30275 20.7401 9.47929C20.7262 9.65583 20.674 9.82723 20.5872 9.98159C20.5004 10.1359 20.381 10.2696 20.2374 10.3732L18.4795 10.6051C18.1265 10.6533 17.7976 10.8113 17.5395 11.0568C16.8192 11.7527 16.0867 12.4852 14.8659 13.6938C14.6559 13.9063 14.5082 14.1723 14.4386 14.4629L13.4986 18.2352C13.4192 18.4168 13.2968 18.5764 13.1418 18.7001C12.9869 18.8239 12.8042 18.908 12.6094 18.9453C12.4147 18.9825 12.2138 18.9718 12.0242 18.914C11.8345 18.8562 11.6618 18.7531 11.5209 18.6136L8.48112 15.5616L5.42912 12.5218C5.2896 12.3809 5.1865 12.2082 5.12871 12.0186C5.07092 11.8289 5.06019 11.628 5.09745 11.4333C5.13471 11.2385 5.21885 11.0558 5.34258 10.9009C5.4663 10.746 5.62589 10.6235 5.80757 10.5441L9.55543 9.57968C9.8443 9.49927 10.1086 9.34824 10.3245 9.14019C11.704 7.7851 12.2046 7.28457 12.9859 6.44222C13.2184 6.19257 13.3677 5.87692 13.4132 5.53883L13.6451 3.75646C13.7487 3.61285 13.8824 3.49351 14.0367 3.40671C14.1911 3.3199 14.3625 3.26772 14.539 3.25379C14.7156 3.23985 14.893 3.26449 15.0591 3.32599C15.2252 3.3875 15.3758 3.4844 15.5007 3.60997L17.9423 6.07598Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.4323 15.5738L3.25611 20.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Pin in other icon packs
Copied!