twotone pin icon
twotone-pin from Google Material Icons by Material Design Authors · Baseline · Device · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-pin
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Device
- Viewbox
- 24×24
- License
- Apache 2.0
More device icons from Google Material Icons
baseline-1x-mobiledatabaseline-30fpsbaseline-3g-mobiledatabaseline-4g-mobiledatabaseline-4g-plus-mobiledatabaseline-60fpsbaseline-access-alarmbaseline-access-alarmsbaseline-access-timebaseline-access-time-filledbaseline-ad-unitsbaseline-add-alarmbaseline-add-to-home-screenbaseline-airbaseline-airplane-ticketbaseline-airplanemode-activebaseline-airplanemode-inactivebaseline-aodbaseline-battery-0-barbaseline-battery-1-barbaseline-battery-2-barbaseline-battery-20baseline-battery-3-barbaseline-battery-30
Use the twotone pin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18h16V6H4zm12.84-5.62h-.5v-1h.46c.33 0 .88-.14.88-.72c0-.39-.31-.65-.75-.65c-.5 0-.74.32-.85.64l-.99-.41C15.2 9.9 15.68 9 16.94 9c1.09 0 1.54.64 1.62.75c.33.5.28 1.16.02 1.57c-.15.22-.32.38-.52.48v.07c.28.11.51.28.68.52c.37.52.33 1.27.01 1.76c-.08.13-.56.85-1.76.85c-.04 0-1.6.08-2.05-1.51l1.03-.41c.02.1.19.86 1.02.86c.41 0 .89-.28.89-.77c0-.55-.48-.79-1.04-.79M10.56 9.2c.69-.33 1.48-.2 1.95.03c.86.44.91 1.24.91 1.48c0 .64-.31 1.26-.92 1.86c-.25.25-.72.71-1.4 1.39l.03.05h2.37V15H9.61v-1.02c1.07-1.07 1.77-1.77 2.13-2.15c.4-.42.54-.69.54-1.06c0-.4-.31-.72-.81-.72c-.52 0-.8.39-.9.72l-1.01-.42c.01-.02.18-.76 1-1.15M6.77 9h.87v6H6.49v-4.5l-.9.66l-.58-.89z" opacity=".3"/><path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H4V6h16z"/><path fill="currentColor" d="M6.49 10.5V15h1.15V9h-.87l-1.76 1.27l.58.89zm4.98-.45c.5 0 .81.32.81.72c0 .37-.14.64-.54 1.06c-.36.38-1.06 1.08-2.13 2.15V15h3.89v-.99h-2.37l-.03-.05c.68-.68 1.15-1.14 1.4-1.39c.61-.6.92-1.22.92-1.86c0-.24-.05-1.04-.91-1.48c-.47-.23-1.26-.36-1.95-.03c-.82.39-.99 1.13-1 1.15l1.01.42c.1-.33.38-.72.9-.72m5.52 3.89c-.83 0-.99-.76-1.02-.86l-1.03.41c.45 1.59 2.01 1.51 2.05 1.51c1.2 0 1.68-.72 1.76-.85c.32-.49.36-1.24-.01-1.76c-.17-.24-.4-.41-.68-.52v-.07c.2-.1.37-.26.52-.48c.26-.41.31-1.07-.02-1.57c-.08-.11-.53-.75-1.62-.75c-1.26 0-1.74.9-1.85 1.24l.99.41c.11-.32.35-.64.85-.64c.44 0 .75.26.75.65c0 .58-.55.72-.88.72h-.46v1h.5c.56 0 1.04.24 1.04.79c0 .49-.48.77-.89.77"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotonePin(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="M4 18h16V6H4zm12.84-5.62h-.5v-1h.46c.33 0 .88-.14.88-.72c0-.39-.31-.65-.75-.65c-.5 0-.74.32-.85.64l-.99-.41C15.2 9.9 15.68 9 16.94 9c1.09 0 1.54.64 1.62.75c.33.5.28 1.16.02 1.57c-.15.22-.32.38-.52.48v.07c.28.11.51.28.68.52c.37.52.33 1.27.01 1.76c-.08.13-.56.85-1.76.85c-.04 0-1.6.08-2.05-1.51l1.03-.41c.02.1.19.86 1.02.86c.41 0 .89-.28.89-.77c0-.55-.48-.79-1.04-.79M10.56 9.2c.69-.33 1.48-.2 1.95.03c.86.44.91 1.24.91 1.48c0 .64-.31 1.26-.92 1.86c-.25.25-.72.71-1.4 1.39l.03.05h2.37V15H9.61v-1.02c1.07-1.07 1.77-1.77 2.13-2.15c.4-.42.54-.69.54-1.06c0-.4-.31-.72-.81-.72c-.52 0-.8.39-.9.72l-1.01-.42c.01-.02.18-.76 1-1.15M6.77 9h.87v6H6.49v-4.5l-.9.66l-.58-.89z" opacity=".3"/><path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H4V6h16z"/><path fill="currentColor" d="M6.49 10.5V15h1.15V9h-.87l-1.76 1.27l.58.89zm4.98-.45c.5 0 .81.32.81.72c0 .37-.14.64-.54 1.06c-.36.38-1.06 1.08-2.13 2.15V15h3.89v-.99h-2.37l-.03-.05c.68-.68 1.15-1.14 1.4-1.39c.61-.6.92-1.22.92-1.86c0-.24-.05-1.04-.91-1.48c-.47-.23-1.26-.36-1.95-.03c-.82.39-.99 1.13-1 1.15l1.01.42c.1-.33.38-.72.9-.72m5.52 3.89c-.83 0-.99-.76-1.02-.86l-1.03.41c.45 1.59 2.01 1.51 2.05 1.51c1.2 0 1.68-.72 1.76-.85c.32-.49.36-1.24-.01-1.76c-.17-.24-.4-.41-.68-.52v-.07c.2-.1.37-.26.52-.48c.26-.41.31-1.07-.02-1.57c-.08-.11-.53-.75-1.62-.75c-1.26 0-1.74.9-1.85 1.24l.99.41c.11-.32.35-.64.85-.64c.44 0 .75.26.75.65c0 .58-.55.72-.88.72h-.46v1h.5c.56 0 1.04.24 1.04.79c0 .49-.48.77-.89.77"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18h16V6H4zm12.84-5.62h-.5v-1h.46c.33 0 .88-.14.88-.72c0-.39-.31-.65-.75-.65c-.5 0-.74.32-.85.64l-.99-.41C15.2 9.9 15.68 9 16.94 9c1.09 0 1.54.64 1.62.75c.33.5.28 1.16.02 1.57c-.15.22-.32.38-.52.48v.07c.28.11.51.28.68.52c.37.52.33 1.27.01 1.76c-.08.13-.56.85-1.76.85c-.04 0-1.6.08-2.05-1.51l1.03-.41c.02.1.19.86 1.02.86c.41 0 .89-.28.89-.77c0-.55-.48-.79-1.04-.79M10.56 9.2c.69-.33 1.48-.2 1.95.03c.86.44.91 1.24.91 1.48c0 .64-.31 1.26-.92 1.86c-.25.25-.72.71-1.4 1.39l.03.05h2.37V15H9.61v-1.02c1.07-1.07 1.77-1.77 2.13-2.15c.4-.42.54-.69.54-1.06c0-.4-.31-.72-.81-.72c-.52 0-.8.39-.9.72l-1.01-.42c.01-.02.18-.76 1-1.15M6.77 9h.87v6H6.49v-4.5l-.9.66l-.58-.89z" opacity=".3"/><path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H4V6h16z"/><path fill="currentColor" d="M6.49 10.5V15h1.15V9h-.87l-1.76 1.27l.58.89zm4.98-.45c.5 0 .81.32.81.72c0 .37-.14.64-.54 1.06c-.36.38-1.06 1.08-2.13 2.15V15h3.89v-.99h-2.37l-.03-.05c.68-.68 1.15-1.14 1.4-1.39c.61-.6.92-1.22.92-1.86c0-.24-.05-1.04-.91-1.48c-.47-.23-1.26-.36-1.95-.03c-.82.39-.99 1.13-1 1.15l1.01.42c.1-.33.38-.72.9-.72m5.52 3.89c-.83 0-.99-.76-1.02-.86l-1.03.41c.45 1.59 2.01 1.51 2.05 1.51c1.2 0 1.68-.72 1.76-.85c.32-.49.36-1.24-.01-1.76c-.17-.24-.4-.41-.68-.52v-.07c.2-.1.37-.26.52-.48c.26-.41.31-1.07-.02-1.57c-.08-.11-.53-.75-1.62-.75c-1.26 0-1.74.9-1.85 1.24l.99.41c.11-.32.35-.64.85-.64c.44 0 .75.26.75.65c0 .58-.55.72-.88.72h-.46v1h.5c.56 0 1.04.24 1.04.79c0 .49-.48.77-.89.77"/></svg> </template>
CSS
.icon-twotone-pin {
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%22M4%2018h16V6H4zm12.84-5.62h-.5v-1h.46c.33%200%20.88-.14.88-.72c0-.39-.31-.65-.75-.65c-.5%200-.74.32-.85.64l-.99-.41C15.2%209.9%2015.68%209%2016.94%209c1.09%200%201.54.64%201.62.75c.33.5.28%201.16.02%201.57c-.15.22-.32.38-.52.48v.07c.28.11.51.28.68.52c.37.52.33%201.27.01%201.76c-.08.13-.56.85-1.76.85c-.04%200-1.6.08-2.05-1.51l1.03-.41c.02.1.19.86%201.02.86c.41%200%20.89-.28.89-.77c0-.55-.48-.79-1.04-.79M10.56%209.2c.69-.33%201.48-.2%201.95.03c.86.44.91%201.24.91%201.48c0%20.64-.31%201.26-.92%201.86c-.25.25-.72.71-1.4%201.39l.03.05h2.37V15H9.61v-1.02c1.07-1.07%201.77-1.77%202.13-2.15c.4-.42.54-.69.54-1.06c0-.4-.31-.72-.81-.72c-.52%200-.8.39-.9.72l-1.01-.42c.01-.02.18-.76%201-1.15M6.77%209h.87v6H6.49v-4.5l-.9.66l-.58-.89z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2m0%2014H4V6h16z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.49%2010.5V15h1.15V9h-.87l-1.76%201.27l.58.89zm4.98-.45c.5%200%20.81.32.81.72c0%20.37-.14.64-.54%201.06c-.36.38-1.06%201.08-2.13%202.15V15h3.89v-.99h-2.37l-.03-.05c.68-.68%201.15-1.14%201.4-1.39c.61-.6.92-1.22.92-1.86c0-.24-.05-1.04-.91-1.48c-.47-.23-1.26-.36-1.95-.03c-.82.39-.99%201.13-1%201.15l1.01.42c.1-.33.38-.72.9-.72m5.52%203.89c-.83%200-.99-.76-1.02-.86l-1.03.41c.45%201.59%202.01%201.51%202.05%201.51c1.2%200%201.68-.72%201.76-.85c.32-.49.36-1.24-.01-1.76c-.17-.24-.4-.41-.68-.52v-.07c.2-.1.37-.26.52-.48c.26-.41.31-1.07-.02-1.57c-.08-.11-.53-.75-1.62-.75c-1.26%200-1.74.9-1.85%201.24l.99.41c.11-.32.35-.64.85-.64c.44%200%20.75.26.75.65c0%20.58-.55.72-.88.72h-.46v1h.5c.56%200%201.04.24%201.04.79c0%20.49-.48.77-.89.77%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%22M4%2018h16V6H4zm12.84-5.62h-.5v-1h.46c.33%200%20.88-.14.88-.72c0-.39-.31-.65-.75-.65c-.5%200-.74.32-.85.64l-.99-.41C15.2%209.9%2015.68%209%2016.94%209c1.09%200%201.54.64%201.62.75c.33.5.28%201.16.02%201.57c-.15.22-.32.38-.52.48v.07c.28.11.51.28.68.52c.37.52.33%201.27.01%201.76c-.08.13-.56.85-1.76.85c-.04%200-1.6.08-2.05-1.51l1.03-.41c.02.1.19.86%201.02.86c.41%200%20.89-.28.89-.77c0-.55-.48-.79-1.04-.79M10.56%209.2c.69-.33%201.48-.2%201.95.03c.86.44.91%201.24.91%201.48c0%20.64-.31%201.26-.92%201.86c-.25.25-.72.71-1.4%201.39l.03.05h2.37V15H9.61v-1.02c1.07-1.07%201.77-1.77%202.13-2.15c.4-.42.54-.69.54-1.06c0-.4-.31-.72-.81-.72c-.52%200-.8.39-.9.72l-1.01-.42c.01-.02.18-.76%201-1.15M6.77%209h.87v6H6.49v-4.5l-.9.66l-.58-.89z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2m0%2014H4V6h16z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.49%2010.5V15h1.15V9h-.87l-1.76%201.27l.58.89zm4.98-.45c.5%200%20.81.32.81.72c0%20.37-.14.64-.54%201.06c-.36.38-1.06%201.08-2.13%202.15V15h3.89v-.99h-2.37l-.03-.05c.68-.68%201.15-1.14%201.4-1.39c.61-.6.92-1.22.92-1.86c0-.24-.05-1.04-.91-1.48c-.47-.23-1.26-.36-1.95-.03c-.82.39-.99%201.13-1%201.15l1.01.42c.1-.33.38-.72.9-.72m5.52%203.89c-.83%200-.99-.76-1.02-.86l-1.03.41c.45%201.59%202.01%201.51%202.05%201.51c1.2%200%201.68-.72%201.76-.85c.32-.49.36-1.24-.01-1.76c-.17-.24-.4-.41-.68-.52v-.07c.2-.1.37-.26.52-.48c.26-.41.31-1.07-.02-1.57c-.08-.11-.53-.75-1.62-.75c-1.26%200-1.74.9-1.85%201.24l.99.41c.11-.32.35-.64.85-.64c.44%200%20.75.26.75.65c0%20.58-.55.72-.88.72h-.46v1h.5c.56%200%201.04.24%201.04.79c0%20.49-.48.77-.89.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-pin.svg?color=%231a73e8&size=48
