location 2 icon
location-2-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- location-2-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Related icons in MingCute Icon
Use the location 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.04 17.32a1 1 0 0 1 1.24-.68c.668.194 1.28.445 1.75.766c.435.3.97.82.97 1.594c0 .783-.548 1.308-.99 1.606c-.478.323-1.103.574-1.785.769c-1.38.394-3.226.625-5.225.625s-3.846-.231-5.225-.625c-.682-.195-1.307-.446-1.785-.769C4.548 20.307 4 19.783 4 19c0-.773.535-1.295.97-1.594c.47-.32 1.082-.572 1.75-.766a1 1 0 0 1 .56 1.92c-.5.146-.86.301-1.092.44c.24.144.615.303 1.137.452C8.48 19.782 10.133 20 12 20s3.52-.218 4.675-.548c.522-.15.898-.308 1.136-.452c-.23-.139-.59-.294-1.091-.44a1 1 0 0 1-.68-1.24M12 2a7.5 7.5 0 0 1 7.5 7.5c0 2.568-1.4 4.656-2.85 6.139c-1.46 1.493-3.087 2.492-3.804 2.897a1.71 1.71 0 0 1-1.692 0c-.717-.405-2.344-1.404-3.804-2.897C5.9 14.156 4.5 12.068 4.5 9.5A7.5 7.5 0 0 1 12 2m0 5.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteLocation2Fill(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="M16.04 17.32a1 1 0 0 1 1.24-.68c.668.194 1.28.445 1.75.766c.435.3.97.82.97 1.594c0 .783-.548 1.308-.99 1.606c-.478.323-1.103.574-1.785.769c-1.38.394-3.226.625-5.225.625s-3.846-.231-5.225-.625c-.682-.195-1.307-.446-1.785-.769C4.548 20.307 4 19.783 4 19c0-.773.535-1.295.97-1.594c.47-.32 1.082-.572 1.75-.766a1 1 0 0 1 .56 1.92c-.5.146-.86.301-1.092.44c.24.144.615.303 1.137.452C8.48 19.782 10.133 20 12 20s3.52-.218 4.675-.548c.522-.15.898-.308 1.136-.452c-.23-.139-.59-.294-1.091-.44a1 1 0 0 1-.68-1.24M12 2a7.5 7.5 0 0 1 7.5 7.5c0 2.568-1.4 4.656-2.85 6.139c-1.46 1.493-3.087 2.492-3.804 2.897a1.71 1.71 0 0 1-1.692 0c-.717-.405-2.344-1.404-3.804-2.897C5.9 14.156 4.5 12.068 4.5 9.5A7.5 7.5 0 0 1 12 2m0 5.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.04 17.32a1 1 0 0 1 1.24-.68c.668.194 1.28.445 1.75.766c.435.3.97.82.97 1.594c0 .783-.548 1.308-.99 1.606c-.478.323-1.103.574-1.785.769c-1.38.394-3.226.625-5.225.625s-3.846-.231-5.225-.625c-.682-.195-1.307-.446-1.785-.769C4.548 20.307 4 19.783 4 19c0-.773.535-1.295.97-1.594c.47-.32 1.082-.572 1.75-.766a1 1 0 0 1 .56 1.92c-.5.146-.86.301-1.092.44c.24.144.615.303 1.137.452C8.48 19.782 10.133 20 12 20s3.52-.218 4.675-.548c.522-.15.898-.308 1.136-.452c-.23-.139-.59-.294-1.091-.44a1 1 0 0 1-.68-1.24M12 2a7.5 7.5 0 0 1 7.5 7.5c0 2.568-1.4 4.656-2.85 6.139c-1.46 1.493-3.087 2.492-3.804 2.897a1.71 1.71 0 0 1-1.692 0c-.717-.405-2.344-1.404-3.804-2.897C5.9 14.156 4.5 12.068 4.5 9.5A7.5 7.5 0 0 1 12 2m0 5.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></svg> </template>
CSS
.icon-location-2-fill {
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%22M16.04%2017.32a1%201%200%200%201%201.24-.68c.668.194%201.28.445%201.75.766c.435.3.97.82.97%201.594c0%20.783-.548%201.308-.99%201.606c-.478.323-1.103.574-1.785.769c-1.38.394-3.226.625-5.225.625s-3.846-.231-5.225-.625c-.682-.195-1.307-.446-1.785-.769C4.548%2020.307%204%2019.783%204%2019c0-.773.535-1.295.97-1.594c.47-.32%201.082-.572%201.75-.766a1%201%200%200%201%20.56%201.92c-.5.146-.86.301-1.092.44c.24.144.615.303%201.137.452C8.48%2019.782%2010.133%2020%2012%2020s3.52-.218%204.675-.548c.522-.15.898-.308%201.136-.452c-.23-.139-.59-.294-1.091-.44a1%201%200%200%201-.68-1.24M12%202a7.5%207.5%200%200%201%207.5%207.5c0%202.568-1.4%204.656-2.85%206.139c-1.46%201.493-3.087%202.492-3.804%202.897a1.71%201.71%200%200%201-1.692%200c-.717-.405-2.344-1.404-3.804-2.897C5.9%2014.156%204.5%2012.068%204.5%209.5A7.5%207.5%200%200%201%2012%202m0%205.5a2%202%200%201%200%200%204a2%202%200%200%200%200-4%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%22M16.04%2017.32a1%201%200%200%201%201.24-.68c.668.194%201.28.445%201.75.766c.435.3.97.82.97%201.594c0%20.783-.548%201.308-.99%201.606c-.478.323-1.103.574-1.785.769c-1.38.394-3.226.625-5.225.625s-3.846-.231-5.225-.625c-.682-.195-1.307-.446-1.785-.769C4.548%2020.307%204%2019.783%204%2019c0-.773.535-1.295.97-1.594c.47-.32%201.082-.572%201.75-.766a1%201%200%200%201%20.56%201.92c-.5.146-.86.301-1.092.44c.24.144.615.303%201.137.452C8.48%2019.782%2010.133%2020%2012%2020s3.52-.218%204.675-.548c.522-.15.898-.308%201.136-.452c-.23-.139-.59-.294-1.091-.44a1%201%200%200%201-.68-1.24M12%202a7.5%207.5%200%200%201%207.5%207.5c0%202.568-1.4%204.656-2.85%206.139c-1.46%201.493-3.087%202.492-3.804%202.897a1.71%201.71%200%200%201-1.692%200c-.717-.405-2.344-1.404-3.804-2.897C5.9%2014.156%204.5%2012.068%204.5%209.5A7.5%207.5%200%200%201%2012%202m0%205.5a2%202%200%201%200%200%204a2%202%200%200%200%200-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/location-2-fill.svg?color=%231a73e8&size=48
