compass icon
compass-linear from Solar by 480 Design · Linear · Map · CC-BY-4.0 Attribution required.
- Name
- compass-linear
- Set
- Solar
- Style
- Linear
- Category
- Map
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
compass-filledAnt Design IconscompassBootstrap IconscompassBoxIcons v2compassBoxIcons v2 SolidcompassCarboncompassCodiconscompassElement Pluscompass-fillEva IconscompassFramework7 IconscompassFont Awesome 6 RegularcompassFont Awesome 6 SolidcompassFont Awesome RegularcompassFont Awesome SolidcompassFeather IconscompassFluent EmojicompassFluent Emoji FlatcompassFluent Emoji High ContrastcompassHuge IconscompassIconParkcompassIconPark OutlinecompassIconPark SolidcompassIconPark TwoTonecompassIconoircompassIonIcons
More map icons from Solar
branching-paths-down-boldbranching-paths-up-boldcompass-big-boldcompass-square-boldglobal-boldglobe-boldgps-boldmap-arrow-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-boldpoint-on-map-bold
Use the compass icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M13.024 14.5601C10.7142 15.484 9.5593 15.946 8.89964 15.4977C8.74324 15.3914 8.60834 15.2565 8.50206 15.1001C8.0538 14.4405 8.51575 13.2856 9.43967 10.9758C9.63673 10.4831 9.73527 10.2368 9.90474 10.0435C9.94792 9.99429 9.99429 9.94792 10.0435 9.90474C10.2368 9.73527 10.4831 9.63673 10.9758 9.43966C13.2856 8.51575 14.4405 8.0538 15.1001 8.50206C15.2565 8.60834 15.3914 8.74324 15.4977 8.89964C15.946 9.5593 15.484 10.7142 14.5601 13.024C14.363 13.5166 14.2645 13.763 14.095 13.9562C14.0518 14.0055 14.0055 14.0518 13.9562 14.095C13.763 14.2645 13.5166 14.363 13.024 14.5601Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCompassLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="12" cy="12" r="10"/><path d="M13.024 14.5601C10.7142 15.484 9.5593 15.946 8.89964 15.4977C8.74324 15.3914 8.60834 15.2565 8.50206 15.1001C8.0538 14.4405 8.51575 13.2856 9.43967 10.9758C9.63673 10.4831 9.73527 10.2368 9.90474 10.0435C9.94792 9.99429 9.99429 9.94792 10.0435 9.90474C10.2368 9.73527 10.4831 9.63673 10.9758 9.43966C13.2856 8.51575 14.4405 8.0538 15.1001 8.50206C15.2565 8.60834 15.3914 8.74324 15.4977 8.89964C15.946 9.5593 15.484 10.7142 14.5601 13.024C14.363 13.5166 14.2645 13.763 14.095 13.9562C14.0518 14.0055 14.0055 14.0518 13.9562 14.095C13.763 14.2645 13.5166 14.363 13.024 14.5601Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M13.024 14.5601C10.7142 15.484 9.5593 15.946 8.89964 15.4977C8.74324 15.3914 8.60834 15.2565 8.50206 15.1001C8.0538 14.4405 8.51575 13.2856 9.43967 10.9758C9.63673 10.4831 9.73527 10.2368 9.90474 10.0435C9.94792 9.99429 9.99429 9.94792 10.0435 9.90474C10.2368 9.73527 10.4831 9.63673 10.9758 9.43966C13.2856 8.51575 14.4405 8.0538 15.1001 8.50206C15.2565 8.60834 15.3914 8.74324 15.4977 8.89964C15.946 9.5593 15.484 10.7142 14.5601 13.024C14.363 13.5166 14.2645 13.763 14.095 13.9562C14.0518 14.0055 14.0055 14.0518 13.9562 14.095C13.763 14.2645 13.5166 14.363 13.024 14.5601Z"/></g></svg> </template>
CSS
.icon-compass-linear {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.024%2014.5601C10.7142%2015.484%209.5593%2015.946%208.89964%2015.4977C8.74324%2015.3914%208.60834%2015.2565%208.50206%2015.1001C8.0538%2014.4405%208.51575%2013.2856%209.43967%2010.9758C9.63673%2010.4831%209.73527%2010.2368%209.90474%2010.0435C9.94792%209.99429%209.99429%209.94792%2010.0435%209.90474C10.2368%209.73527%2010.4831%209.63673%2010.9758%209.43966C13.2856%208.51575%2014.4405%208.0538%2015.1001%208.50206C15.2565%208.60834%2015.3914%208.74324%2015.4977%208.89964C15.946%209.5593%2015.484%2010.7142%2014.5601%2013.024C14.363%2013.5166%2014.2645%2013.763%2014.095%2013.9562C14.0518%2014.0055%2014.0055%2014.0518%2013.9562%2014.095C13.763%2014.2645%2013.5166%2014.363%2013.024%2014.5601Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M13.024%2014.5601C10.7142%2015.484%209.5593%2015.946%208.89964%2015.4977C8.74324%2015.3914%208.60834%2015.2565%208.50206%2015.1001C8.0538%2014.4405%208.51575%2013.2856%209.43967%2010.9758C9.63673%2010.4831%209.73527%2010.2368%209.90474%2010.0435C9.94792%209.99429%209.99429%209.94792%2010.0435%209.90474C10.2368%209.73527%2010.4831%209.63673%2010.9758%209.43966C13.2856%208.51575%2014.4405%208.0538%2015.1001%208.50206C15.2565%208.60834%2015.3914%208.74324%2015.4977%208.89964C15.946%209.5593%2015.484%2010.7142%2014.5601%2013.024C14.363%2013.5166%2014.2645%2013.763%2014.095%2013.9562C14.0518%2014.0055%2014.0055%2014.0518%2013.9562%2014.095C13.763%2014.2645%2013.5166%2014.363%2013.024%2014.5601Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/compass-linear.svg?color=%231a73e8&size=48
