globe cursor icon

globe-cursor-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
globe-cursor-sharp-fill
Set
Keyline Icons
Style
Sharp 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.0018ZM17.0074 22.3215L14.925 16.1884C14.6562 15.3966 15.42 14.6442 16.2077 14.925L22.3358 17.1095C23.1713 17.4073 23.2342 18.5648 22.4358 18.9514L20.1351 20.0656L18.8342 22.4751C18.4194 23.2434 17.2881 23.1483 17.0074 22.3215ZM12 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 KeylineIconsGlobeCursorSharpFill(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.0018ZM17.0074 22.3215L14.925 16.1884C14.6562 15.3966 15.42 14.6442 16.2077 14.925L22.3358 17.1095C23.1713 17.4073 23.2342 18.5648 22.4358 18.9514L20.1351 20.0656L18.8342 22.4751C18.4194 23.2434 17.2881 23.1483 17.0074 22.3215ZM12 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.0018ZM17.0074 22.3215L14.925 16.1884C14.6562 15.3966 15.42 14.6442 16.2077 14.925L22.3358 17.1095C23.1713 17.4073 23.2342 18.5648 22.4358 18.9514L20.1351 20.0656L18.8342 22.4751C18.4194 23.2434 17.2881 23.1483 17.0074 22.3215ZM12 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-sharp-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.0018ZM17.0074%2022.3215L14.925%2016.1884C14.6562%2015.3966%2015.42%2014.6442%2016.2077%2014.925L22.3358%2017.1095C23.1713%2017.4073%2023.2342%2018.5648%2022.4358%2018.9514L20.1351%2020.0656L18.8342%2022.4751C18.4194%2023.2434%2017.2881%2023.1483%2017.0074%2022.3215ZM12%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.0018ZM17.0074%2022.3215L14.925%2016.1884C14.6562%2015.3966%2015.42%2014.6442%2016.2077%2014.925L22.3358%2017.1095C23.1713%2017.4073%2023.2342%2018.5648%2022.4358%2018.9514L20.1351%2020.0656L18.8342%2022.4751C18.4194%2023.2434%2017.2881%2023.1483%2017.0074%2022.3215ZM12%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-sharp-fill.svg?color=%231a73e8&size=48