pin icon
pin-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- pin-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
pinAkar IconspinBootstrap IconspinBoxIcons v2pinBoxIcons v2 SolidpinCarbonpinCodiconspin-fillEva IconspinFramework7 Iconspin-12-filledFluent UI System Iconspin-16Fluent UI System Color Iconspincss.ggpinHuge IconspinIconParkpinIconPark OutlinepinIconPark SolidpinIconPark TwoTonepinIconoirpinIonIconspinJam IconspinLucidepinMage IconspinMajesticonspinMaterial SymbolspinMaterial Symbols Light
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the pin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M19.0717 8.03562L15.9894 4.9502C13.8824 2.84101 12.8289 1.78641 11.6973 2.03606C10.5658 2.28571 10.0528 3.68593 9.02673 6.48636L8.33227 8.38177C8.05874 9.12835 7.92197 9.50164 7.6759 9.79038C7.56548 9.91994 7.43986 10.0357 7.30174 10.1351C6.99393 10.3567 6.61099 10.4623 5.84512 10.6735C4.11889 11.1494 3.25578 11.3873 2.93053 11.9521C2.78993 12.1962 2.71676 12.4734 2.71854 12.7552C2.72266 13.4071 3.35569 14.0408 4.62176 15.3081L8.73845 19.429C10.0126 20.7044 10.6496 21.3421 11.3053 21.3431C11.5816 21.3435 11.8533 21.2717 12.0933 21.1347C12.663 20.8096 12.9022 19.9401 13.3807 18.2012C13.591 17.4366 13.6962 17.0543 13.917 16.7466C14.0136 16.6119 14.1258 16.489 14.2511 16.3805C14.5373 16.1326 14.9082 15.9933 15.6499 15.7146L17.567 14.9943C20.3365 13.9537 21.7212 13.4335 21.9652 12.3049C22.2093 11.1764 21.1634 10.1295 19.0717 8.03562Z"/><path d="M2 21.9998L6.65323 17.3418" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPinLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M19.0717 8.03562L15.9894 4.9502C13.8824 2.84101 12.8289 1.78641 11.6973 2.03606C10.5658 2.28571 10.0528 3.68593 9.02673 6.48636L8.33227 8.38177C8.05874 9.12835 7.92197 9.50164 7.6759 9.79038C7.56548 9.91994 7.43986 10.0357 7.30174 10.1351C6.99393 10.3567 6.61099 10.4623 5.84512 10.6735C4.11889 11.1494 3.25578 11.3873 2.93053 11.9521C2.78993 12.1962 2.71676 12.4734 2.71854 12.7552C2.72266 13.4071 3.35569 14.0408 4.62176 15.3081L8.73845 19.429C10.0126 20.7044 10.6496 21.3421 11.3053 21.3431C11.5816 21.3435 11.8533 21.2717 12.0933 21.1347C12.663 20.8096 12.9022 19.9401 13.3807 18.2012C13.591 17.4366 13.6962 17.0543 13.917 16.7466C14.0136 16.6119 14.1258 16.489 14.2511 16.3805C14.5373 16.1326 14.9082 15.9933 15.6499 15.7146L17.567 14.9943C20.3365 13.9537 21.7212 13.4335 21.9652 12.3049C22.2093 11.1764 21.1634 10.1295 19.0717 8.03562Z"/><path d="M2 21.9998L6.65323 17.3418" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M19.0717 8.03562L15.9894 4.9502C13.8824 2.84101 12.8289 1.78641 11.6973 2.03606C10.5658 2.28571 10.0528 3.68593 9.02673 6.48636L8.33227 8.38177C8.05874 9.12835 7.92197 9.50164 7.6759 9.79038C7.56548 9.91994 7.43986 10.0357 7.30174 10.1351C6.99393 10.3567 6.61099 10.4623 5.84512 10.6735C4.11889 11.1494 3.25578 11.3873 2.93053 11.9521C2.78993 12.1962 2.71676 12.4734 2.71854 12.7552C2.72266 13.4071 3.35569 14.0408 4.62176 15.3081L8.73845 19.429C10.0126 20.7044 10.6496 21.3421 11.3053 21.3431C11.5816 21.3435 11.8533 21.2717 12.0933 21.1347C12.663 20.8096 12.9022 19.9401 13.3807 18.2012C13.591 17.4366 13.6962 17.0543 13.917 16.7466C14.0136 16.6119 14.1258 16.489 14.2511 16.3805C14.5373 16.1326 14.9082 15.9933 15.6499 15.7146L17.567 14.9943C20.3365 13.9537 21.7212 13.4335 21.9652 12.3049C22.2093 11.1764 21.1634 10.1295 19.0717 8.03562Z"/><path d="M2 21.9998L6.65323 17.3418" opacity=".5"/></g></svg> </template>
CSS
.icon-pin-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.0717%208.03562L15.9894%204.9502C13.8824%202.84101%2012.8289%201.78641%2011.6973%202.03606C10.5658%202.28571%2010.0528%203.68593%209.02673%206.48636L8.33227%208.38177C8.05874%209.12835%207.92197%209.50164%207.6759%209.79038C7.56548%209.91994%207.43986%2010.0357%207.30174%2010.1351C6.99393%2010.3567%206.61099%2010.4623%205.84512%2010.6735C4.11889%2011.1494%203.25578%2011.3873%202.93053%2011.9521C2.78993%2012.1962%202.71676%2012.4734%202.71854%2012.7552C2.72266%2013.4071%203.35569%2014.0408%204.62176%2015.3081L8.73845%2019.429C10.0126%2020.7044%2010.6496%2021.3421%2011.3053%2021.3431C11.5816%2021.3435%2011.8533%2021.2717%2012.0933%2021.1347C12.663%2020.8096%2012.9022%2019.9401%2013.3807%2018.2012C13.591%2017.4366%2013.6962%2017.0543%2013.917%2016.7466C14.0136%2016.6119%2014.1258%2016.489%2014.2511%2016.3805C14.5373%2016.1326%2014.9082%2015.9933%2015.6499%2015.7146L17.567%2014.9943C20.3365%2013.9537%2021.7212%2013.4335%2021.9652%2012.3049C22.2093%2011.1764%2021.1634%2010.1295%2019.0717%208.03562Z%22%2F%3E%3Cpath%20d%3D%22M2%2021.9998L6.65323%2017.3418%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.0717%208.03562L15.9894%204.9502C13.8824%202.84101%2012.8289%201.78641%2011.6973%202.03606C10.5658%202.28571%2010.0528%203.68593%209.02673%206.48636L8.33227%208.38177C8.05874%209.12835%207.92197%209.50164%207.6759%209.79038C7.56548%209.91994%207.43986%2010.0357%207.30174%2010.1351C6.99393%2010.3567%206.61099%2010.4623%205.84512%2010.6735C4.11889%2011.1494%203.25578%2011.3873%202.93053%2011.9521C2.78993%2012.1962%202.71676%2012.4734%202.71854%2012.7552C2.72266%2013.4071%203.35569%2014.0408%204.62176%2015.3081L8.73845%2019.429C10.0126%2020.7044%2010.6496%2021.3421%2011.3053%2021.3431C11.5816%2021.3435%2011.8533%2021.2717%2012.0933%2021.1347C12.663%2020.8096%2012.9022%2019.9401%2013.3807%2018.2012C13.591%2017.4366%2013.6962%2017.0543%2013.917%2016.7466C14.0136%2016.6119%2014.1258%2016.489%2014.2511%2016.3805C14.5373%2016.1326%2014.9082%2015.9933%2015.6499%2015.7146L17.567%2014.9943C20.3365%2013.9537%2021.7212%2013.4335%2021.9652%2012.3049C22.2093%2011.1764%2021.1634%2010.1295%2019.0717%208.03562Z%22%2F%3E%3Cpath%20d%3D%22M2%2021.9998L6.65323%2017.3418%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/pin-line-duotone.svg?color=%231a73e8&size=48
