globe cursor icon
globe-cursor-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- globe-cursor-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the globe cursor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.0018C18.0741 1.0018 22.9982 5.9259 22.9982 12C22.9982 11.4478 22.5506 11.0002 21.9984 11.0002L16.965 11.0002C16.7767 8.2189 15.8025 5.4807 14.0648 3.0018L9.9352 3.0018C8.1974 5.4807 7.2233 8.2189 7.035 11.0002L3.0018 11.0002L3.0018 12.9998L7.035 12.9998C7.2666 16.4198 8.6863 19.7748 11.253 22.6624C11.4505 22.8845 11.7246 22.9962 12 22.9962L12 22.9982C5.9259 22.9982 1.0018 18.0741 1.0018 12C1.0018 5.9259 5.9259 1.0018 12 1.0018ZM16.4485 15.019L16.6262 15.064L22.1555 16.9055C23.2387 17.2659 23.2941 18.7768 22.2395 19.2146L20.1491 20.0807L19.115 22.2893C18.6539 23.2712 17.2539 23.2156 16.8566 22.2376L16.8215 22.1399L15.06 16.6086C14.7707 15.701 15.5649 14.8598 16.4485 15.019ZM12 3.5727C13.7798 5.8833 14.7563 8.4355 14.9575 11.0002L9.0425 11.0002C9.2437 8.4355 10.2202 5.8833 12 3.5727Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsGlobeCursorFill(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="M12 1.0018C18.0741 1.0018 22.9982 5.9259 22.9982 12C22.9982 11.4478 22.5506 11.0002 21.9984 11.0002L16.965 11.0002C16.7767 8.2189 15.8025 5.4807 14.0648 3.0018L9.9352 3.0018C8.1974 5.4807 7.2233 8.2189 7.035 11.0002L3.0018 11.0002L3.0018 12.9998L7.035 12.9998C7.2666 16.4198 8.6863 19.7748 11.253 22.6624C11.4505 22.8845 11.7246 22.9962 12 22.9962L12 22.9982C5.9259 22.9982 1.0018 18.0741 1.0018 12C1.0018 5.9259 5.9259 1.0018 12 1.0018ZM16.4485 15.019L16.6262 15.064L22.1555 16.9055C23.2387 17.2659 23.2941 18.7768 22.2395 19.2146L20.1491 20.0807L19.115 22.2893C18.6539 23.2712 17.2539 23.2156 16.8566 22.2376L16.8215 22.1399L15.06 16.6086C14.7707 15.701 15.5649 14.8598 16.4485 15.019ZM12 3.5727C13.7798 5.8833 14.7563 8.4355 14.9575 11.0002L9.0425 11.0002C9.2437 8.4355 10.2202 5.8833 12 3.5727Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.0018C18.0741 1.0018 22.9982 5.9259 22.9982 12C22.9982 11.4478 22.5506 11.0002 21.9984 11.0002L16.965 11.0002C16.7767 8.2189 15.8025 5.4807 14.0648 3.0018L9.9352 3.0018C8.1974 5.4807 7.2233 8.2189 7.035 11.0002L3.0018 11.0002L3.0018 12.9998L7.035 12.9998C7.2666 16.4198 8.6863 19.7748 11.253 22.6624C11.4505 22.8845 11.7246 22.9962 12 22.9962L12 22.9982C5.9259 22.9982 1.0018 18.0741 1.0018 12C1.0018 5.9259 5.9259 1.0018 12 1.0018ZM16.4485 15.019L16.6262 15.064L22.1555 16.9055C23.2387 17.2659 23.2941 18.7768 22.2395 19.2146L20.1491 20.0807L19.115 22.2893C18.6539 23.2712 17.2539 23.2156 16.8566 22.2376L16.8215 22.1399L15.06 16.6086C14.7707 15.701 15.5649 14.8598 16.4485 15.019ZM12 3.5727C13.7798 5.8833 14.7563 8.4355 14.9575 11.0002L9.0425 11.0002C9.2437 8.4355 10.2202 5.8833 12 3.5727Z"/></svg> </template>
CSS
.icon-globe-cursor-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%22M12%201.0018C18.0741%201.0018%2022.9982%205.9259%2022.9982%2012C22.9982%2011.4478%2022.5506%2011.0002%2021.9984%2011.0002L16.965%2011.0002C16.7767%208.2189%2015.8025%205.4807%2014.0648%203.0018L9.9352%203.0018C8.1974%205.4807%207.2233%208.2189%207.035%2011.0002L3.0018%2011.0002L3.0018%2012.9998L7.035%2012.9998C7.2666%2016.4198%208.6863%2019.7748%2011.253%2022.6624C11.4505%2022.8845%2011.7246%2022.9962%2012%2022.9962L12%2022.9982C5.9259%2022.9982%201.0018%2018.0741%201.0018%2012C1.0018%205.9259%205.9259%201.0018%2012%201.0018ZM16.4485%2015.019L16.6262%2015.064L22.1555%2016.9055C23.2387%2017.2659%2023.2941%2018.7768%2022.2395%2019.2146L20.1491%2020.0807L19.115%2022.2893C18.6539%2023.2712%2017.2539%2023.2156%2016.8566%2022.2376L16.8215%2022.1399L15.06%2016.6086C14.7707%2015.701%2015.5649%2014.8598%2016.4485%2015.019ZM12%203.5727C13.7798%205.8833%2014.7563%208.4355%2014.9575%2011.0002L9.0425%2011.0002C9.2437%208.4355%2010.2202%205.8833%2012%203.5727Z%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%22M12%201.0018C18.0741%201.0018%2022.9982%205.9259%2022.9982%2012C22.9982%2011.4478%2022.5506%2011.0002%2021.9984%2011.0002L16.965%2011.0002C16.7767%208.2189%2015.8025%205.4807%2014.0648%203.0018L9.9352%203.0018C8.1974%205.4807%207.2233%208.2189%207.035%2011.0002L3.0018%2011.0002L3.0018%2012.9998L7.035%2012.9998C7.2666%2016.4198%208.6863%2019.7748%2011.253%2022.6624C11.4505%2022.8845%2011.7246%2022.9962%2012%2022.9962L12%2022.9982C5.9259%2022.9982%201.0018%2018.0741%201.0018%2012C1.0018%205.9259%205.9259%201.0018%2012%201.0018ZM16.4485%2015.019L16.6262%2015.064L22.1555%2016.9055C23.2387%2017.2659%2023.2941%2018.7768%2022.2395%2019.2146L20.1491%2020.0807L19.115%2022.2893C18.6539%2023.2712%2017.2539%2023.2156%2016.8566%2022.2376L16.8215%2022.1399L15.06%2016.6086C14.7707%2015.701%2015.5649%2014.8598%2016.4485%2015.019ZM12%203.5727C13.7798%205.8833%2014.7563%208.4355%2014.9575%2011.0002L9.0425%2011.0002C9.2437%208.4355%2010.2202%205.8833%2012%203.5727Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/globe-cursor-fill.svg?color=%231a73e8&size=48
