pin wave icon
pin-wave from Reicon by REICON · Outline · Map · MIT Free for personal and commercial use.
- Name
- pin-wave
- Set
- Reicon
- Style
- Outline
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More map icons from Reicon
Use the pin wave icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.25 8.515C4.25 4.453 7.771 1.25 12 1.25s7.75 3.203 7.75 7.265c0 3.81-2.363 8.285-6.175 9.914a4.02 4.02 0 0 1-3.15 0C6.613 16.8 4.25 12.326 4.25 8.515M12 2.75c-3.503 0-6.25 2.63-6.25 5.765c0 3.328 2.105 7.185 5.265 8.535a2.53 2.53 0 0 0 1.97 0c3.16-1.35 5.265-5.207 5.265-8.535c0-3.134-2.747-5.765-6.25-5.765m0 5a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 9a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m-5.655 5.997a.75.75 0 0 1-.052 1.059c-.568.514-.793 1.006-.793 1.444c0 .764.724 1.705 2.487 2.498C6.929 20.76 9.32 21.25 12 21.25s5.071-.49 6.763-1.252c1.763-.793 2.487-1.734 2.487-2.498c0-.438-.225-.93-.793-1.444a.75.75 0 0 1 1.007-1.112c.763.691 1.286 1.557 1.286 2.556c0 1.722-1.515 3.03-3.371 3.866c-1.927.867-4.537 1.384-7.379 1.384s-5.452-.517-7.379-1.384C2.765 20.53 1.25 19.222 1.25 17.5c0-.999.523-1.865 1.286-2.556a.75.75 0 0 1 1.06.053" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPinWave(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" fillRule="evenodd" d="M4.25 8.515C4.25 4.453 7.771 1.25 12 1.25s7.75 3.203 7.75 7.265c0 3.81-2.363 8.285-6.175 9.914a4.02 4.02 0 0 1-3.15 0C6.613 16.8 4.25 12.326 4.25 8.515M12 2.75c-3.503 0-6.25 2.63-6.25 5.765c0 3.328 2.105 7.185 5.265 8.535a2.53 2.53 0 0 0 1.97 0c3.16-1.35 5.265-5.207 5.265-8.535c0-3.134-2.747-5.765-6.25-5.765m0 5a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 9a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m-5.655 5.997a.75.75 0 0 1-.052 1.059c-.568.514-.793 1.006-.793 1.444c0 .764.724 1.705 2.487 2.498C6.929 20.76 9.32 21.25 12 21.25s5.071-.49 6.763-1.252c1.763-.793 2.487-1.734 2.487-2.498c0-.438-.225-.93-.793-1.444a.75.75 0 0 1 1.007-1.112c.763.691 1.286 1.557 1.286 2.556c0 1.722-1.515 3.03-3.371 3.866c-1.927.867-4.537 1.384-7.379 1.384s-5.452-.517-7.379-1.384C2.765 20.53 1.25 19.222 1.25 17.5c0-.999.523-1.865 1.286-2.556a.75.75 0 0 1 1.06.053" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.25 8.515C4.25 4.453 7.771 1.25 12 1.25s7.75 3.203 7.75 7.265c0 3.81-2.363 8.285-6.175 9.914a4.02 4.02 0 0 1-3.15 0C6.613 16.8 4.25 12.326 4.25 8.515M12 2.75c-3.503 0-6.25 2.63-6.25 5.765c0 3.328 2.105 7.185 5.265 8.535a2.53 2.53 0 0 0 1.97 0c3.16-1.35 5.265-5.207 5.265-8.535c0-3.134-2.747-5.765-6.25-5.765m0 5a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 9a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m-5.655 5.997a.75.75 0 0 1-.052 1.059c-.568.514-.793 1.006-.793 1.444c0 .764.724 1.705 2.487 2.498C6.929 20.76 9.32 21.25 12 21.25s5.071-.49 6.763-1.252c1.763-.793 2.487-1.734 2.487-2.498c0-.438-.225-.93-.793-1.444a.75.75 0 0 1 1.007-1.112c.763.691 1.286 1.557 1.286 2.556c0 1.722-1.515 3.03-3.371 3.866c-1.927.867-4.537 1.384-7.379 1.384s-5.452-.517-7.379-1.384C2.765 20.53 1.25 19.222 1.25 17.5c0-.999.523-1.865 1.286-2.556a.75.75 0 0 1 1.06.053" clip-rule="evenodd"/></svg> </template>
CSS
.icon-pin-wave {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.25%208.515C4.25%204.453%207.771%201.25%2012%201.25s7.75%203.203%207.75%207.265c0%203.81-2.363%208.285-6.175%209.914a4.02%204.02%200%200%201-3.15%200C6.613%2016.8%204.25%2012.326%204.25%208.515M12%202.75c-3.503%200-6.25%202.63-6.25%205.765c0%203.328%202.105%207.185%205.265%208.535a2.53%202.53%200%200%200%201.97%200c3.16-1.35%205.265-5.207%205.265-8.535c0-3.134-2.747-5.765-6.25-5.765m0%205a1.25%201.25%200%201%200%200%202.5a1.25%201.25%200%200%200%200-2.5M9.25%209a2.75%202.75%200%201%201%205.5%200a2.75%202.75%200%200%201-5.5%200m-5.655%205.997a.75.75%200%200%201-.052%201.059c-.568.514-.793%201.006-.793%201.444c0%20.764.724%201.705%202.487%202.498C6.929%2020.76%209.32%2021.25%2012%2021.25s5.071-.49%206.763-1.252c1.763-.793%202.487-1.734%202.487-2.498c0-.438-.225-.93-.793-1.444a.75.75%200%200%201%201.007-1.112c.763.691%201.286%201.557%201.286%202.556c0%201.722-1.515%203.03-3.371%203.866c-1.927.867-4.537%201.384-7.379%201.384s-5.452-.517-7.379-1.384C2.765%2020.53%201.25%2019.222%201.25%2017.5c0-.999.523-1.865%201.286-2.556a.75.75%200%200%201%201.06.053%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.25%208.515C4.25%204.453%207.771%201.25%2012%201.25s7.75%203.203%207.75%207.265c0%203.81-2.363%208.285-6.175%209.914a4.02%204.02%200%200%201-3.15%200C6.613%2016.8%204.25%2012.326%204.25%208.515M12%202.75c-3.503%200-6.25%202.63-6.25%205.765c0%203.328%202.105%207.185%205.265%208.535a2.53%202.53%200%200%200%201.97%200c3.16-1.35%205.265-5.207%205.265-8.535c0-3.134-2.747-5.765-6.25-5.765m0%205a1.25%201.25%200%201%200%200%202.5a1.25%201.25%200%200%200%200-2.5M9.25%209a2.75%202.75%200%201%201%205.5%200a2.75%202.75%200%200%201-5.5%200m-5.655%205.997a.75.75%200%200%201-.052%201.059c-.568.514-.793%201.006-.793%201.444c0%20.764.724%201.705%202.487%202.498C6.929%2020.76%209.32%2021.25%2012%2021.25s5.071-.49%206.763-1.252c1.763-.793%202.487-1.734%202.487-2.498c0-.438-.225-.93-.793-1.444a.75.75%200%200%201%201.007-1.112c.763.691%201.286%201.557%201.286%202.556c0%201.722-1.515%203.03-3.371%203.866c-1.927.867-4.537%201.384-7.379%201.384s-5.452-.517-7.379-1.384C2.765%2020.53%201.25%2019.222%201.25%2017.5c0-.999.523-1.865%201.286-2.556a.75.75%200%200%201%201.06.053%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/pin-wave.svg?color=%231a73e8&size=48
