ios locate icon
ios-locate from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-locate
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios locate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M395.3 259c-.3-1.2-.4-2.4-.3-3.6 0-.8.2-1.6.3-2.4-.4.9-.6 2-.6 3 .1 1.1.3 2.1.6 3z" fill="currentColor"/><path d="M459.4 270H409c-6.7 0-12.3-4.7-13.7-11-.3-.9-.5-1.9-.5-3s.2-2.1.6-3c1.4-6.4 7.3-11 14.1-11h49.9c2.4 0 4.2-2 4-4.4-8.8-100.3-88.7-180.2-189-189-2.3-.2-4.4 1.6-4.4 4V103c0 7.9-6.6 14.3-14.6 14-7.6-.3-13.4-6.9-13.4-14.4v-50c0-2.4-2-4.2-4.4-4-100.3 8.8-180.2 88.7-189 189-.2 2.3 1.6 4.4 4 4.4H103c7.9 0 14.3 6.6 14 14.6-.3 7.6-6.9 13.4-14.4 13.4h-50c-2.4 0-4.2 2-4 4.4 8.8 100.3 88.7 180.2 189 189 2.3.2 4.4-1.6 4.4-4V409c0-7.9 6.6-14.3 14.6-14 7.6.3 13.4 6.9 13.4 14.4v49.9c0 2.4 2 4.2 4.4 4 100.3-8.8 180.2-88.7 189-189 .2-2.3-1.7-4.3-4-4.3zM256 326c-38.7 0-70-31.3-70-70s31.3-70 70-70 70 31.3 70 70-31.3 70-70 70z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosLocate(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M395.3 259c-.3-1.2-.4-2.4-.3-3.6 0-.8.2-1.6.3-2.4-.4.9-.6 2-.6 3 .1 1.1.3 2.1.6 3z" fill="currentColor"/><path d="M459.4 270H409c-6.7 0-12.3-4.7-13.7-11-.3-.9-.5-1.9-.5-3s.2-2.1.6-3c1.4-6.4 7.3-11 14.1-11h49.9c2.4 0 4.2-2 4-4.4-8.8-100.3-88.7-180.2-189-189-2.3-.2-4.4 1.6-4.4 4V103c0 7.9-6.6 14.3-14.6 14-7.6-.3-13.4-6.9-13.4-14.4v-50c0-2.4-2-4.2-4.4-4-100.3 8.8-180.2 88.7-189 189-.2 2.3 1.6 4.4 4 4.4H103c7.9 0 14.3 6.6 14 14.6-.3 7.6-6.9 13.4-14.4 13.4h-50c-2.4 0-4.2 2-4 4.4 8.8 100.3 88.7 180.2 189 189 2.3.2 4.4-1.6 4.4-4V409c0-7.9 6.6-14.3 14.6-14 7.6.3 13.4 6.9 13.4 14.4v49.9c0 2.4 2 4.2 4.4 4 100.3-8.8 180.2-88.7 189-189 .2-2.3-1.7-4.3-4-4.3zM256 326c-38.7 0-70-31.3-70-70s31.3-70 70-70 70 31.3 70 70-31.3 70-70 70z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M395.3 259c-.3-1.2-.4-2.4-.3-3.6 0-.8.2-1.6.3-2.4-.4.9-.6 2-.6 3 .1 1.1.3 2.1.6 3z" fill="currentColor"/><path d="M459.4 270H409c-6.7 0-12.3-4.7-13.7-11-.3-.9-.5-1.9-.5-3s.2-2.1.6-3c1.4-6.4 7.3-11 14.1-11h49.9c2.4 0 4.2-2 4-4.4-8.8-100.3-88.7-180.2-189-189-2.3-.2-4.4 1.6-4.4 4V103c0 7.9-6.6 14.3-14.6 14-7.6-.3-13.4-6.9-13.4-14.4v-50c0-2.4-2-4.2-4.4-4-100.3 8.8-180.2 88.7-189 189-.2 2.3 1.6 4.4 4 4.4H103c7.9 0 14.3 6.6 14 14.6-.3 7.6-6.9 13.4-14.4 13.4h-50c-2.4 0-4.2 2-4 4.4 8.8 100.3 88.7 180.2 189 189 2.3.2 4.4-1.6 4.4-4V409c0-7.9 6.6-14.3 14.6-14 7.6.3 13.4 6.9 13.4 14.4v49.9c0 2.4 2 4.2 4.4 4 100.3-8.8 180.2-88.7 189-189 .2-2.3-1.7-4.3-4-4.3zM256 326c-38.7 0-70-31.3-70-70s31.3-70 70-70 70 31.3 70 70-31.3 70-70 70z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-locate {
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%20512%20512%22%3E%3Cpath%20d%3D%22M395.3%20259c-.3-1.2-.4-2.4-.3-3.6%200-.8.2-1.6.3-2.4-.4.9-.6%202-.6%203%20.1%201.1.3%202.1.6%203z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M459.4%20270H409c-6.7%200-12.3-4.7-13.7-11-.3-.9-.5-1.9-.5-3s.2-2.1.6-3c1.4-6.4%207.3-11%2014.1-11h49.9c2.4%200%204.2-2%204-4.4-8.8-100.3-88.7-180.2-189-189-2.3-.2-4.4%201.6-4.4%204V103c0%207.9-6.6%2014.3-14.6%2014-7.6-.3-13.4-6.9-13.4-14.4v-50c0-2.4-2-4.2-4.4-4-100.3%208.8-180.2%2088.7-189%20189-.2%202.3%201.6%204.4%204%204.4H103c7.9%200%2014.3%206.6%2014%2014.6-.3%207.6-6.9%2013.4-14.4%2013.4h-50c-2.4%200-4.2%202-4%204.4%208.8%20100.3%2088.7%20180.2%20189%20189%202.3.2%204.4-1.6%204.4-4V409c0-7.9%206.6-14.3%2014.6-14%207.6.3%2013.4%206.9%2013.4%2014.4v49.9c0%202.4%202%204.2%204.4%204%20100.3-8.8%20180.2-88.7%20189-189%20.2-2.3-1.7-4.3-4-4.3zM256%20326c-38.7%200-70-31.3-70-70s31.3-70%2070-70%2070%2031.3%2070%2070-31.3%2070-70%2070z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M395.3%20259c-.3-1.2-.4-2.4-.3-3.6%200-.8.2-1.6.3-2.4-.4.9-.6%202-.6%203%20.1%201.1.3%202.1.6%203z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M459.4%20270H409c-6.7%200-12.3-4.7-13.7-11-.3-.9-.5-1.9-.5-3s.2-2.1.6-3c1.4-6.4%207.3-11%2014.1-11h49.9c2.4%200%204.2-2%204-4.4-8.8-100.3-88.7-180.2-189-189-2.3-.2-4.4%201.6-4.4%204V103c0%207.9-6.6%2014.3-14.6%2014-7.6-.3-13.4-6.9-13.4-14.4v-50c0-2.4-2-4.2-4.4-4-100.3%208.8-180.2%2088.7-189%20189-.2%202.3%201.6%204.4%204%204.4H103c7.9%200%2014.3%206.6%2014%2014.6-.3%207.6-6.9%2013.4-14.4%2013.4h-50c-2.4%200-4.2%202-4%204.4%208.8%20100.3%2088.7%20180.2%20189%20189%202.3.2%204.4-1.6%204.4-4V409c0-7.9%206.6-14.3%2014.6-14%207.6.3%2013.4%206.9%2013.4%2014.4v49.9c0%202.4%202%204.2%204.4%204%20100.3-8.8%20180.2-88.7%20189-189%20.2-2.3-1.7-4.3-4-4.3zM256%20326c-38.7%200-70-31.3-70-70s31.3-70%2070-70%2070%2031.3%2070%2070-31.3%2070-70%2070z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-locate.svg?color=%231a73e8&size=48
