map pin ellipse icon
map-pin-ellipse from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- map-pin-ellipse
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the map pin ellipse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 43.2c.961 0 2.18-3.75 2.18-10.665V21.496a8.855 8.855 0 0 0 6.633-8.578a8.8 8.8 0 0 0-8.813-8.812c-4.875 0-8.789 3.96-8.789 8.812c0 4.125 2.79 7.594 6.61 8.555v11.062c0 6.89 1.242 10.664 2.18 10.664M25.48 13.41c-1.593 0-3-1.406-3-3.023c0-1.64 1.407-3.024 3-3.024c1.641 0 3 1.383 3 3.024c0 1.617-1.359 3.023-3 3.023m2.508 38.485c14.18 0 22.383-4.922 22.383-10.149c0-6.305-10.031-10.125-16.5-10.148v3.656c4.5.023 11.508 2.46 11.508 5.93c0 3.68-6.61 6.773-17.39 6.773c-10.759 0-17.368-3.07-17.368-6.773c0-3.47 7.008-5.907 11.508-5.93v-3.656c-6.469.023-16.5 3.843-16.5 10.148c0 5.227 8.203 10.148 22.36 10.148"/></svg>
React
import type { SVGProps } from "react";
export function F7MapPinEllipse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 43.2c.961 0 2.18-3.75 2.18-10.665V21.496a8.855 8.855 0 0 0 6.633-8.578a8.8 8.8 0 0 0-8.813-8.812c-4.875 0-8.789 3.96-8.789 8.812c0 4.125 2.79 7.594 6.61 8.555v11.062c0 6.89 1.242 10.664 2.18 10.664M25.48 13.41c-1.593 0-3-1.406-3-3.023c0-1.64 1.407-3.024 3-3.024c1.641 0 3 1.383 3 3.024c0 1.617-1.359 3.023-3 3.023m2.508 38.485c14.18 0 22.383-4.922 22.383-10.149c0-6.305-10.031-10.125-16.5-10.148v3.656c4.5.023 11.508 2.46 11.508 5.93c0 3.68-6.61 6.773-17.39 6.773c-10.759 0-17.368-3.07-17.368-6.773c0-3.47 7.008-5.907 11.508-5.93v-3.656c-6.469.023-16.5 3.843-16.5 10.148c0 5.227 8.203 10.148 22.36 10.148"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 43.2c.961 0 2.18-3.75 2.18-10.665V21.496a8.855 8.855 0 0 0 6.633-8.578a8.8 8.8 0 0 0-8.813-8.812c-4.875 0-8.789 3.96-8.789 8.812c0 4.125 2.79 7.594 6.61 8.555v11.062c0 6.89 1.242 10.664 2.18 10.664M25.48 13.41c-1.593 0-3-1.406-3-3.023c0-1.64 1.407-3.024 3-3.024c1.641 0 3 1.383 3 3.024c0 1.617-1.359 3.023-3 3.023m2.508 38.485c14.18 0 22.383-4.922 22.383-10.149c0-6.305-10.031-10.125-16.5-10.148v3.656c4.5.023 11.508 2.46 11.508 5.93c0 3.68-6.61 6.773-17.39 6.773c-10.759 0-17.368-3.07-17.368-6.773c0-3.47 7.008-5.907 11.508-5.93v-3.656c-6.469.023-16.5 3.843-16.5 10.148c0 5.227 8.203 10.148 22.36 10.148"/></svg> </template>
CSS
.icon-map-pin-ellipse {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.988%2043.2c.961%200%202.18-3.75%202.18-10.665V21.496a8.855%208.855%200%200%200%206.633-8.578a8.8%208.8%200%200%200-8.813-8.812c-4.875%200-8.789%203.96-8.789%208.812c0%204.125%202.79%207.594%206.61%208.555v11.062c0%206.89%201.242%2010.664%202.18%2010.664M25.48%2013.41c-1.593%200-3-1.406-3-3.023c0-1.64%201.407-3.024%203-3.024c1.641%200%203%201.383%203%203.024c0%201.617-1.359%203.023-3%203.023m2.508%2038.485c14.18%200%2022.383-4.922%2022.383-10.149c0-6.305-10.031-10.125-16.5-10.148v3.656c4.5.023%2011.508%202.46%2011.508%205.93c0%203.68-6.61%206.773-17.39%206.773c-10.759%200-17.368-3.07-17.368-6.773c0-3.47%207.008-5.907%2011.508-5.93v-3.656c-6.469.023-16.5%203.843-16.5%2010.148c0%205.227%208.203%2010.148%2022.36%2010.148%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.988%2043.2c.961%200%202.18-3.75%202.18-10.665V21.496a8.855%208.855%200%200%200%206.633-8.578a8.8%208.8%200%200%200-8.813-8.812c-4.875%200-8.789%203.96-8.789%208.812c0%204.125%202.79%207.594%206.61%208.555v11.062c0%206.89%201.242%2010.664%202.18%2010.664M25.48%2013.41c-1.593%200-3-1.406-3-3.023c0-1.64%201.407-3.024%203-3.024c1.641%200%203%201.383%203%203.024c0%201.617-1.359%203.023-3%203.023m2.508%2038.485c14.18%200%2022.383-4.922%2022.383-10.149c0-6.305-10.031-10.125-16.5-10.148v3.656c4.5.023%2011.508%202.46%2011.508%205.93c0%203.68-6.61%206.773-17.39%206.773c-10.759%200-17.368-3.07-17.368-6.773c0-3.47%207.008-5.907%2011.508-5.93v-3.656c-6.469.023-16.5%203.843-16.5%2010.148c0%205.227%208.203%2010.148%2022.36%2010.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/map-pin-ellipse.svg?color=%231a73e8&size=48
