pin icon
pin-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- pin-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
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
Use the pin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.102 2.664c.628-.416 1.692-.713 2.495.09l4.647 4.648c.806.804.508 1.868.091 2.495a2.95 2.95 0 0 1-.863.85c-.334.213-.756.374-1.211.35a9 9 0 0 1-.658-.071l-.068-.01a9 9 0 0 0-.707-.073c-.504-.025-.698.06-.76.12l-2.49 2.491c-.08.08-.18.258-.256.6c-.073.33-.105.736-.113 1.186c-.007.432.008.874.024 1.3l.001.047c.015.423.03.855.009 1.194c-.065 1.031-.868 1.79-1.658 2.141c-.79.35-1.917.437-2.7-.347l-2.25-2.25L3.53 21.53a.75.75 0 1 1-1.06-1.06l4.104-4.105l-2.25-2.25c-.783-.784-.697-1.91-.346-2.7c.35-.79 1.11-1.593 2.14-1.658c.34-.021.772-.006 1.195.009l.047.001c.426.015.868.031 1.3.024c.45-.008.856-.04 1.186-.113c.342-.076.52-.177.6-.257l2.49-2.49c.061-.061.146-.256.12-.76a9 9 0 0 0-.073-.707l-.009-.068a9 9 0 0 1-.071-.658c-.025-.455.136-.877.348-1.211c.216-.34.515-.64.851-.863"/></svg>
React
import type { SVGProps } from "react";
export function MynauiPinSolid(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="M14.102 2.664c.628-.416 1.692-.713 2.495.09l4.647 4.648c.806.804.508 1.868.091 2.495a2.95 2.95 0 0 1-.863.85c-.334.213-.756.374-1.211.35a9 9 0 0 1-.658-.071l-.068-.01a9 9 0 0 0-.707-.073c-.504-.025-.698.06-.76.12l-2.49 2.491c-.08.08-.18.258-.256.6c-.073.33-.105.736-.113 1.186c-.007.432.008.874.024 1.3l.001.047c.015.423.03.855.009 1.194c-.065 1.031-.868 1.79-1.658 2.141c-.79.35-1.917.437-2.7-.347l-2.25-2.25L3.53 21.53a.75.75 0 1 1-1.06-1.06l4.104-4.105l-2.25-2.25c-.783-.784-.697-1.91-.346-2.7c.35-.79 1.11-1.593 2.14-1.658c.34-.021.772-.006 1.195.009l.047.001c.426.015.868.031 1.3.024c.45-.008.856-.04 1.186-.113c.342-.076.52-.177.6-.257l2.49-2.49c.061-.061.146-.256.12-.76a9 9 0 0 0-.073-.707l-.009-.068a9 9 0 0 1-.071-.658c-.025-.455.136-.877.348-1.211c.216-.34.515-.64.851-.863"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.102 2.664c.628-.416 1.692-.713 2.495.09l4.647 4.648c.806.804.508 1.868.091 2.495a2.95 2.95 0 0 1-.863.85c-.334.213-.756.374-1.211.35a9 9 0 0 1-.658-.071l-.068-.01a9 9 0 0 0-.707-.073c-.504-.025-.698.06-.76.12l-2.49 2.491c-.08.08-.18.258-.256.6c-.073.33-.105.736-.113 1.186c-.007.432.008.874.024 1.3l.001.047c.015.423.03.855.009 1.194c-.065 1.031-.868 1.79-1.658 2.141c-.79.35-1.917.437-2.7-.347l-2.25-2.25L3.53 21.53a.75.75 0 1 1-1.06-1.06l4.104-4.105l-2.25-2.25c-.783-.784-.697-1.91-.346-2.7c.35-.79 1.11-1.593 2.14-1.658c.34-.021.772-.006 1.195.009l.047.001c.426.015.868.031 1.3.024c.45-.008.856-.04 1.186-.113c.342-.076.52-.177.6-.257l2.49-2.49c.061-.061.146-.256.12-.76a9 9 0 0 0-.073-.707l-.009-.068a9 9 0 0 1-.071-.658c-.025-.455.136-.877.348-1.211c.216-.34.515-.64.851-.863"/></svg> </template>
CSS
.icon-pin-solid {
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%22M14.102%202.664c.628-.416%201.692-.713%202.495.09l4.647%204.648c.806.804.508%201.868.091%202.495a2.95%202.95%200%200%201-.863.85c-.334.213-.756.374-1.211.35a9%209%200%200%201-.658-.071l-.068-.01a9%209%200%200%200-.707-.073c-.504-.025-.698.06-.76.12l-2.49%202.491c-.08.08-.18.258-.256.6c-.073.33-.105.736-.113%201.186c-.007.432.008.874.024%201.3l.001.047c.015.423.03.855.009%201.194c-.065%201.031-.868%201.79-1.658%202.141c-.79.35-1.917.437-2.7-.347l-2.25-2.25L3.53%2021.53a.75.75%200%201%201-1.06-1.06l4.104-4.105l-2.25-2.25c-.783-.784-.697-1.91-.346-2.7c.35-.79%201.11-1.593%202.14-1.658c.34-.021.772-.006%201.195.009l.047.001c.426.015.868.031%201.3.024c.45-.008.856-.04%201.186-.113c.342-.076.52-.177.6-.257l2.49-2.49c.061-.061.146-.256.12-.76a9%209%200%200%200-.073-.707l-.009-.068a9%209%200%200%201-.071-.658c-.025-.455.136-.877.348-1.211c.216-.34.515-.64.851-.863%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%22M14.102%202.664c.628-.416%201.692-.713%202.495.09l4.647%204.648c.806.804.508%201.868.091%202.495a2.95%202.95%200%200%201-.863.85c-.334.213-.756.374-1.211.35a9%209%200%200%201-.658-.071l-.068-.01a9%209%200%200%200-.707-.073c-.504-.025-.698.06-.76.12l-2.49%202.491c-.08.08-.18.258-.256.6c-.073.33-.105.736-.113%201.186c-.007.432.008.874.024%201.3l.001.047c.015.423.03.855.009%201.194c-.065%201.031-.868%201.79-1.658%202.141c-.79.35-1.917.437-2.7-.347l-2.25-2.25L3.53%2021.53a.75.75%200%201%201-1.06-1.06l4.104-4.105l-2.25-2.25c-.783-.784-.697-1.91-.346-2.7c.35-.79%201.11-1.593%202.14-1.658c.34-.021.772-.006%201.195.009l.047.001c.426.015.868.031%201.3.024c.45-.008.856-.04%201.186-.113c.342-.076.52-.177.6-.257l2.49-2.49c.061-.061.146-.256.12-.76a9%209%200%200%200-.073-.707l-.009-.068a9%209%200%200%201-.071-.658c-.025-.455.136-.877.348-1.211c.216-.34.515-.64.851-.863%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/pin-solid.svg?color=%231a73e8&size=48
