Pin Outline Rounded

By Google in Material Symbols

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.588 1.413T20 20H4Zm3.075-5q.25 0 .413-.163t.162-.412V9.55q0-.225-.163-.388T7.1 9q-.15 0-.325.063t-.3.137l-1.05.75q-.2.125-.225.338t.1.412q.125.2.325.225t.4-.1L6.5 10.5v3.925q0 .25.163.413t.412.162Zm3.125 0H13q.2 0 .35-.15t.15-.35q0-.2-.15-.35T13 14h-1.85l-.05-.05q.525-.5.863-.85t.537-.55q.45-.45.675-.9t.225-.95q0-.725-.55-1.213T11.45 9q-.5 0-.937.238t-.713.637q-.125.175-.05.375t.3.3q.175.075.375.013t.4-.263q.125-.125.288-.188t.337-.062q.375 0 .613.2t.237.5q0 .275-.1.513t-.45.587l-.7.7l-1.175 1.175q-.125.125-.2.313T9.6 14.4q0 .25.175.425T10.2 15Zm6.8 0q.9 0 1.45-.5t.55-1.3q0-.45-.25-.8t-.7-.55v-.05q.35-.2.55-.513t.2-.737q0-.675-.525-1.113T16.95 9q-.45 0-.863.2t-.687.525q-.15.2-.075.413t.35.337q.15.05.313 0t.337-.225q.125-.125.275-.187t.35-.063q.325 0 .537.188t.213.462q0 .35-.25.55t-.65.2q-.15 0-.3.15t-.15.35q0 .2.15.35t.35.15q.5 0 .775.2t.275.55q0 .325-.275.563T17 13.95q-.275 0-.463-.087t-.337-.288q-.15-.2-.363-.275t-.412 0q-.2.1-.3.3t0 .4q.275.5.75.75T17 15ZM4 18h16V6H4v12Zm0 0V6v12Z"/>
</svg>


Pin Outline Rounded Icons examples

See what this icon looks like in some mockup designs
Pin Outline RoundedHome

Related icons in Material Symbols

copy save
air
copy save
air-rounded
copy save
architecture
copy save
architecture-rounded
copy save
arrow-cool-down
copy save
arrow-cool-down-rounded
copy save
arrow-warm-up
copy save
arrow-warm-up-rounded
copy save
avg-pace
copy save
avg-pace-rounded
copy save
avg-time
copy save
avg-time-outline
copy save
avg-time-outline-rounded
copy save
avg-time-outline-sharp
copy save
avg-time-rounded
copy save
avg-time-sharp
copy save
azm
copy save
azm-outline
copy save
azm-outline-rounded
copy save
azm-rounded