pin star icon
pin-star from Reicon by REICON · Outline · Map · MIT Free for personal and commercial use.
- Name
- pin-star
- Set
- Reicon
- Style
- Outline
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More map icons from Reicon
Use the pin star 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="M3.25 10.143C3.25 5.244 7.155 1.25 12 1.25s8.75 3.994 8.75 8.893c0 2.365-.674 4.905-1.866 7.099c-1.19 2.191-2.928 4.095-5.103 5.112a4.2 4.2 0 0 1-3.562 0c-2.175-1.017-3.913-2.92-5.103-5.112c-1.192-2.194-1.866-4.734-1.866-7.099M12 2.75c-3.992 0-7.25 3.297-7.25 7.393c0 2.097.603 4.392 1.684 6.383c1.082 1.993 2.612 3.624 4.42 4.469a2.7 2.7 0 0 0 2.291 0c1.809-.845 3.339-2.476 4.421-4.469c1.081-1.99 1.684-4.286 1.684-6.383c0-4.096-3.258-7.393-7.25-7.393m2.262 3.63c.94.341 1.488 1.267 1.488 2.377c0 .779-.432 1.475-.867 1.995c-.452.542-1.012 1.017-1.472 1.367l-.072.055c-.349.267-.752.576-1.339.576s-.99-.31-1.34-.576l-.07-.055c-.461-.35-1.021-.825-1.474-1.367c-.434-.52-.866-1.216-.866-1.995c0-1.11.548-2.036 1.488-2.377c.736-.267 1.547-.116 2.262.367c.715-.483 1.526-.634 2.262-.367m-.512 1.41c-.237-.087-.693-.066-1.222.459a.75.75 0 0 1-1.056 0c-.529-.525-.985-.546-1.222-.46c-.223.082-.5.346-.5.968c0 .242.15.594.518 1.034c.35.419.81.816 1.229 1.133c.226.172.333.252.419.298c.05.028.064.028.081.028h.006c.017 0 .03 0 .081-.028c.086-.046.193-.126.42-.298c.417-.317.878-.714 1.228-1.133c.367-.44.518-.792.518-1.034c0-.622-.277-.886-.5-.967" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPinStar(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="M3.25 10.143C3.25 5.244 7.155 1.25 12 1.25s8.75 3.994 8.75 8.893c0 2.365-.674 4.905-1.866 7.099c-1.19 2.191-2.928 4.095-5.103 5.112a4.2 4.2 0 0 1-3.562 0c-2.175-1.017-3.913-2.92-5.103-5.112c-1.192-2.194-1.866-4.734-1.866-7.099M12 2.75c-3.992 0-7.25 3.297-7.25 7.393c0 2.097.603 4.392 1.684 6.383c1.082 1.993 2.612 3.624 4.42 4.469a2.7 2.7 0 0 0 2.291 0c1.809-.845 3.339-2.476 4.421-4.469c1.081-1.99 1.684-4.286 1.684-6.383c0-4.096-3.258-7.393-7.25-7.393m2.262 3.63c.94.341 1.488 1.267 1.488 2.377c0 .779-.432 1.475-.867 1.995c-.452.542-1.012 1.017-1.472 1.367l-.072.055c-.349.267-.752.576-1.339.576s-.99-.31-1.34-.576l-.07-.055c-.461-.35-1.021-.825-1.474-1.367c-.434-.52-.866-1.216-.866-1.995c0-1.11.548-2.036 1.488-2.377c.736-.267 1.547-.116 2.262.367c.715-.483 1.526-.634 2.262-.367m-.512 1.41c-.237-.087-.693-.066-1.222.459a.75.75 0 0 1-1.056 0c-.529-.525-.985-.546-1.222-.46c-.223.082-.5.346-.5.968c0 .242.15.594.518 1.034c.35.419.81.816 1.229 1.133c.226.172.333.252.419.298c.05.028.064.028.081.028h.006c.017 0 .03 0 .081-.028c.086-.046.193-.126.42-.298c.417-.317.878-.714 1.228-1.133c.367-.44.518-.792.518-1.034c0-.622-.277-.886-.5-.967" 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="M3.25 10.143C3.25 5.244 7.155 1.25 12 1.25s8.75 3.994 8.75 8.893c0 2.365-.674 4.905-1.866 7.099c-1.19 2.191-2.928 4.095-5.103 5.112a4.2 4.2 0 0 1-3.562 0c-2.175-1.017-3.913-2.92-5.103-5.112c-1.192-2.194-1.866-4.734-1.866-7.099M12 2.75c-3.992 0-7.25 3.297-7.25 7.393c0 2.097.603 4.392 1.684 6.383c1.082 1.993 2.612 3.624 4.42 4.469a2.7 2.7 0 0 0 2.291 0c1.809-.845 3.339-2.476 4.421-4.469c1.081-1.99 1.684-4.286 1.684-6.383c0-4.096-3.258-7.393-7.25-7.393m2.262 3.63c.94.341 1.488 1.267 1.488 2.377c0 .779-.432 1.475-.867 1.995c-.452.542-1.012 1.017-1.472 1.367l-.072.055c-.349.267-.752.576-1.339.576s-.99-.31-1.34-.576l-.07-.055c-.461-.35-1.021-.825-1.474-1.367c-.434-.52-.866-1.216-.866-1.995c0-1.11.548-2.036 1.488-2.377c.736-.267 1.547-.116 2.262.367c.715-.483 1.526-.634 2.262-.367m-.512 1.41c-.237-.087-.693-.066-1.222.459a.75.75 0 0 1-1.056 0c-.529-.525-.985-.546-1.222-.46c-.223.082-.5.346-.5.968c0 .242.15.594.518 1.034c.35.419.81.816 1.229 1.133c.226.172.333.252.419.298c.05.028.064.028.081.028h.006c.017 0 .03 0 .081-.028c.086-.046.193-.126.42-.298c.417-.317.878-.714 1.228-1.133c.367-.44.518-.792.518-1.034c0-.622-.277-.886-.5-.967" clip-rule="evenodd"/></svg> </template>
CSS
.icon-pin-star {
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%22M3.25%2010.143C3.25%205.244%207.155%201.25%2012%201.25s8.75%203.994%208.75%208.893c0%202.365-.674%204.905-1.866%207.099c-1.19%202.191-2.928%204.095-5.103%205.112a4.2%204.2%200%200%201-3.562%200c-2.175-1.017-3.913-2.92-5.103-5.112c-1.192-2.194-1.866-4.734-1.866-7.099M12%202.75c-3.992%200-7.25%203.297-7.25%207.393c0%202.097.603%204.392%201.684%206.383c1.082%201.993%202.612%203.624%204.42%204.469a2.7%202.7%200%200%200%202.291%200c1.809-.845%203.339-2.476%204.421-4.469c1.081-1.99%201.684-4.286%201.684-6.383c0-4.096-3.258-7.393-7.25-7.393m2.262%203.63c.94.341%201.488%201.267%201.488%202.377c0%20.779-.432%201.475-.867%201.995c-.452.542-1.012%201.017-1.472%201.367l-.072.055c-.349.267-.752.576-1.339.576s-.99-.31-1.34-.576l-.07-.055c-.461-.35-1.021-.825-1.474-1.367c-.434-.52-.866-1.216-.866-1.995c0-1.11.548-2.036%201.488-2.377c.736-.267%201.547-.116%202.262.367c.715-.483%201.526-.634%202.262-.367m-.512%201.41c-.237-.087-.693-.066-1.222.459a.75.75%200%200%201-1.056%200c-.529-.525-.985-.546-1.222-.46c-.223.082-.5.346-.5.968c0%20.242.15.594.518%201.034c.35.419.81.816%201.229%201.133c.226.172.333.252.419.298c.05.028.064.028.081.028h.006c.017%200%20.03%200%20.081-.028c.086-.046.193-.126.42-.298c.417-.317.878-.714%201.228-1.133c.367-.44.518-.792.518-1.034c0-.622-.277-.886-.5-.967%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%22M3.25%2010.143C3.25%205.244%207.155%201.25%2012%201.25s8.75%203.994%208.75%208.893c0%202.365-.674%204.905-1.866%207.099c-1.19%202.191-2.928%204.095-5.103%205.112a4.2%204.2%200%200%201-3.562%200c-2.175-1.017-3.913-2.92-5.103-5.112c-1.192-2.194-1.866-4.734-1.866-7.099M12%202.75c-3.992%200-7.25%203.297-7.25%207.393c0%202.097.603%204.392%201.684%206.383c1.082%201.993%202.612%203.624%204.42%204.469a2.7%202.7%200%200%200%202.291%200c1.809-.845%203.339-2.476%204.421-4.469c1.081-1.99%201.684-4.286%201.684-6.383c0-4.096-3.258-7.393-7.25-7.393m2.262%203.63c.94.341%201.488%201.267%201.488%202.377c0%20.779-.432%201.475-.867%201.995c-.452.542-1.012%201.017-1.472%201.367l-.072.055c-.349.267-.752.576-1.339.576s-.99-.31-1.34-.576l-.07-.055c-.461-.35-1.021-.825-1.474-1.367c-.434-.52-.866-1.216-.866-1.995c0-1.11.548-2.036%201.488-2.377c.736-.267%201.547-.116%202.262.367c.715-.483%201.526-.634%202.262-.367m-.512%201.41c-.237-.087-.693-.066-1.222.459a.75.75%200%200%201-1.056%200c-.529-.525-.985-.546-1.222-.46c-.223.082-.5.346-.5.968c0%20.242.15.594.518%201.034c.35.419.81.816%201.229%201.133c.226.172.333.252.419.298c.05.028.064.028.081.028h.006c.017%200%20.03%200%20.081-.028c.086-.046.193-.126.42-.298c.417-.317.878-.714%201.228-1.133c.367-.44.518-.792.518-1.034c0-.622-.277-.886-.5-.967%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-star.svg?color=%231a73e8&size=48
