Pushpin

pushpin

A 24px icon in Bloom’s UI category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category
UI
Tags
pinattachfixthumbtackkeep
Motion
Moves on hover

Pushpin in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get pushpin --style linear

It also moves on hover: add --motion to the command, or take dist/motion/<style>/pushpin.svg.

dist/linear/pushpin.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M13.061 6.697C13.561 6.196 13.811 5.946 14.121 5.946C14.432 5.946 14.682 6.196 15.183 6.697L17.304 8.818C17.804 9.318 18.054 9.568 18.054 9.878C18.054 10.189 17.804 10.439 17.304 10.94L16.773 11.47A0.75 0.75 0 0 1 15.712 11.47L15.977 11.735A0.75 0.75 0 0 0 14.917 11.735L13.326 13.326C12.825 13.826 12.575 14.076 12.575 14.386C12.575 14.697 12.825 14.947 13.326 15.448L14.121 16.243A0.75 0.75 0 0 1 14.121 17.303A0.75 0.75 0 0 1 13.061 17.303L6.697 10.939A0.75 0.75 0 0 1 6.697 9.879A0.75 0.75 0 0 1 7.757 9.879L8.552 10.674C9.053 11.175 9.303 11.425 9.613 11.425C9.924 11.425 10.174 11.175 10.674 10.674L12.265 9.083A0.75 0.75 0 0 0 12.265 8.023L12.53 8.288A0.75 0.75 0 0 1 12.53 7.227Z"/>
  <path d="M9.879 14.121L5.636 18.364"/>
</svg>

More in UI

Open in the icon browserBrowse all 1,260 icons