Add icons to this collection by clicking the heart icon.
Push Pin icon - also known as attachment, push pin, office material, Tools and utensils, school material, and miscellaneous. Created in a clean color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="194.04"
x2="288.03"
y1="381.434"
y2="287.444"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M202.757 275.685 92.099 165.027 240.027 44.376l83.382 83.381z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="48.394"
x2="97.395"
y1="222.699"
y2="173.709"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M100.322 231.413C75.829 255.908 5.776 333.653.746 346.96c-4.067 10.76 9.318 24.144 20.078 20.078 13.307-5.03 91.052-75.082 115.545-99.576l-36.047-36.049z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="112.556"
x2="112.556"
y1="170.463"
y2="289.353"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" stop-opacity="0" />
<stop offset=".143" stop-color="#dcdcdc" stop-opacity=".143" />
<stop offset=".384" stop-color="#c2c2c2" stop-opacity=".384" />
<stop offset=".692" stop-color="#979797" stop-opacity=".692" />
<stop offset="1" stop-color="#666" />
</linearGradient>
<path
d="M90.01 242.033v68.661c18.914-16.972 36.743-33.614 46.36-43.232l-36.048-36.049c-2.869 2.87-6.37 6.477-10.312 10.62z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="146.109"
x2="74.059"
y1="294.493"
y2="222.453"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M167.931 319.648 48.136 199.853c-9.091-9.091-4.321-26.124 9.06-32.357l9.963-4.641c9.422-4.388 19.684-3.083 26.084 3.317l108.369 108.369c6.4 6.4 7.705 16.663 3.317 26.084l-4.641 9.963c-6.233 13.381-23.266 18.15-32.357 9.06z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="303.881"
x2="263.541"
y1="452.271"
y2="411.921"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m324.67 129.018-85.904-85.904c-6.836-6.836-6.836-17.919 0-24.755l5.664-5.664c6.836-6.836 17.919-6.836 24.755 0l85.904 85.904c6.836 6.836 6.836 17.919 0 24.755l-5.664 5.664c-6.836 6.836-17.92 6.836-24.755 0z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="272.255"
x2="272.255"
y1="319.913"
y2="546.419"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#019394" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path d="m223.621 250.104 99.788-122.347-83.382-83.381z" fill="url(#f)" />
<linearGradient
id="g"
x1="270.841"
x2="320.391"
y1="182.395"
y2="132.835"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="M419.902 346.974 309.243 236.315 188.592 384.243l83.382 83.382z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="435.303"
x2="484.303"
y1="322.308"
y2="273.308"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M375.631 244.538c24.494-24.494 102.238-94.546 115.545-99.576 10.76-4.067 24.144 9.318 20.078 20.078-5.03 13.307-75.082 91.052-99.576 115.545l-36.047-36.047z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="403.381"
x2="348.251"
y1="264.462"
y2="209.332"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="M463.864 312.148 344.069 192.353c-9.09-9.091-26.124-4.321-32.357 9.06l-4.641 9.963c-4.388 9.422-3.083 19.684 3.317 26.084l108.369 108.369c6.4 6.4 16.663 7.705 26.084 3.317l9.963-4.641c13.382-6.232 18.151-23.267 9.06-32.357z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="225.06"
x2="195.79"
y1="86.142"
y2="56.872"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="m273.235 468.886-85.904-85.904c-6.836-6.836-17.919-6.836-24.755 0l-5.664 5.664c-6.836 6.836-6.836 17.919 0 24.755l85.904 85.904c6.836 6.836 17.919 6.836 24.755 0l5.664-5.664c6.835-6.836 6.835-17.919 0-24.755z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="363.527"
x2="363.527"
y1="132.633"
y2="351.543"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf3f5c" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path d="m310.388 436.294 109.514-89.32L310.388 237.46z" fill="url(#k)" />
</svg>
More icons in the same style and category