compass2 icon
compass2 from Reicon by REICON · Outline · Map · MIT Free for personal and commercial use.
- Name
- compass2
- Set
- Reicon
- Style
- Outline
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More map icons from Reicon
Use the compass2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.706 3.071c-1.743.462-4.052 1.384-7.217 2.65c-1.391.557-1.917.778-2.324 1.135q-.165.145-.309.309c-.357.407-.578.933-1.134 2.324c-1.267 3.165-2.189 5.474-2.65 7.217c-.47 1.768-.393 2.71.02 3.318c.236.348.536.648.884.884c.607.413 1.55.49 3.318.02c1.743-.462 4.052-1.384 7.217-2.65c1.391-.556 1.917-.777 2.324-1.134l.459.523l-.459-.523q.165-.145.309-.309l.529.464l-.53-.464c.358-.407.579-.933 1.135-2.324c1.267-3.165 2.189-5.474 2.65-7.217c.47-1.768.393-2.71-.02-3.318a3.3 3.3 0 0 0-.884-.885c-.607-.412-1.55-.488-3.318-.02m-.384-1.45c1.827-.484 3.356-.579 4.545.23c.505.343.94.777 1.282 1.282c.809 1.19.714 2.718.23 4.545c-.489 1.842-1.446 4.236-2.686 7.336l-.022.054l-.05.127c-.488 1.22-.802 2.005-1.35 2.629q-.208.238-.447.447c-.624.548-1.409.861-2.63 1.35l-.126.05l-.054.022c-3.1 1.24-5.494 2.197-7.335 2.685c-1.828.485-3.357.58-4.546-.229a4.8 4.8 0 0 1-1.282-1.282l.62-.421l-.62.421c-.809-1.19-.714-2.718-.23-4.546c.489-1.841 1.446-4.235 2.686-7.335l.022-.054l.05-.127c.489-1.22.802-2.005 1.35-2.629q.209-.238.447-.448c.624-.547 1.409-.86 2.63-1.348l.126-.051l.054-.022c3.1-1.24 5.494-2.197 7.336-2.685M12 9.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M8.25 12a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCompass2(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" fillRule="evenodd" d="M16.706 3.071c-1.743.462-4.052 1.384-7.217 2.65c-1.391.557-1.917.778-2.324 1.135q-.165.145-.309.309c-.357.407-.578.933-1.134 2.324c-1.267 3.165-2.189 5.474-2.65 7.217c-.47 1.768-.393 2.71.02 3.318c.236.348.536.648.884.884c.607.413 1.55.49 3.318.02c1.743-.462 4.052-1.384 7.217-2.65c1.391-.556 1.917-.777 2.324-1.134l.459.523l-.459-.523q.165-.145.309-.309l.529.464l-.53-.464c.358-.407.579-.933 1.135-2.324c1.267-3.165 2.189-5.474 2.65-7.217c.47-1.768.393-2.71-.02-3.318a3.3 3.3 0 0 0-.884-.885c-.607-.412-1.55-.488-3.318-.02m-.384-1.45c1.827-.484 3.356-.579 4.545.23c.505.343.94.777 1.282 1.282c.809 1.19.714 2.718.23 4.545c-.489 1.842-1.446 4.236-2.686 7.336l-.022.054l-.05.127c-.488 1.22-.802 2.005-1.35 2.629q-.208.238-.447.447c-.624.548-1.409.861-2.63 1.35l-.126.05l-.054.022c-3.1 1.24-5.494 2.197-7.335 2.685c-1.828.485-3.357.58-4.546-.229a4.8 4.8 0 0 1-1.282-1.282l.62-.421l-.62.421c-.809-1.19-.714-2.718-.23-4.546c.489-1.841 1.446-4.235 2.686-7.335l.022-.054l.05-.127c.489-1.22.802-2.005 1.35-2.629q.209-.238.447-.448c.624-.547 1.409-.86 2.63-1.348l.126-.051l.054-.022c3.1-1.24 5.494-2.197 7.336-2.685M12 9.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M8.25 12a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.706 3.071c-1.743.462-4.052 1.384-7.217 2.65c-1.391.557-1.917.778-2.324 1.135q-.165.145-.309.309c-.357.407-.578.933-1.134 2.324c-1.267 3.165-2.189 5.474-2.65 7.217c-.47 1.768-.393 2.71.02 3.318c.236.348.536.648.884.884c.607.413 1.55.49 3.318.02c1.743-.462 4.052-1.384 7.217-2.65c1.391-.556 1.917-.777 2.324-1.134l.459.523l-.459-.523q.165-.145.309-.309l.529.464l-.53-.464c.358-.407.579-.933 1.135-2.324c1.267-3.165 2.189-5.474 2.65-7.217c.47-1.768.393-2.71-.02-3.318a3.3 3.3 0 0 0-.884-.885c-.607-.412-1.55-.488-3.318-.02m-.384-1.45c1.827-.484 3.356-.579 4.545.23c.505.343.94.777 1.282 1.282c.809 1.19.714 2.718.23 4.545c-.489 1.842-1.446 4.236-2.686 7.336l-.022.054l-.05.127c-.488 1.22-.802 2.005-1.35 2.629q-.208.238-.447.447c-.624.548-1.409.861-2.63 1.35l-.126.05l-.054.022c-3.1 1.24-5.494 2.197-7.335 2.685c-1.828.485-3.357.58-4.546-.229a4.8 4.8 0 0 1-1.282-1.282l.62-.421l-.62.421c-.809-1.19-.714-2.718-.23-4.546c.489-1.841 1.446-4.235 2.686-7.335l.022-.054l.05-.127c.489-1.22.802-2.005 1.35-2.629q.209-.238.447-.448c.624-.547 1.409-.86 2.63-1.348l.126-.051l.054-.022c3.1-1.24 5.494-2.197 7.336-2.685M12 9.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M8.25 12a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-compass2 {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M16.706%203.071c-1.743.462-4.052%201.384-7.217%202.65c-1.391.557-1.917.778-2.324%201.135q-.165.145-.309.309c-.357.407-.578.933-1.134%202.324c-1.267%203.165-2.189%205.474-2.65%207.217c-.47%201.768-.393%202.71.02%203.318c.236.348.536.648.884.884c.607.413%201.55.49%203.318.02c1.743-.462%204.052-1.384%207.217-2.65c1.391-.556%201.917-.777%202.324-1.134l.459.523l-.459-.523q.165-.145.309-.309l.529.464l-.53-.464c.358-.407.579-.933%201.135-2.324c1.267-3.165%202.189-5.474%202.65-7.217c.47-1.768.393-2.71-.02-3.318a3.3%203.3%200%200%200-.884-.885c-.607-.412-1.55-.488-3.318-.02m-.384-1.45c1.827-.484%203.356-.579%204.545.23c.505.343.94.777%201.282%201.282c.809%201.19.714%202.718.23%204.545c-.489%201.842-1.446%204.236-2.686%207.336l-.022.054l-.05.127c-.488%201.22-.802%202.005-1.35%202.629q-.208.238-.447.447c-.624.548-1.409.861-2.63%201.35l-.126.05l-.054.022c-3.1%201.24-5.494%202.197-7.335%202.685c-1.828.485-3.357.58-4.546-.229a4.8%204.8%200%200%201-1.282-1.282l.62-.421l-.62.421c-.809-1.19-.714-2.718-.23-4.546c.489-1.841%201.446-4.235%202.686-7.335l.022-.054l.05-.127c.489-1.22.802-2.005%201.35-2.629q.209-.238.447-.448c.624-.547%201.409-.86%202.63-1.348l.126-.051l.054-.022c3.1-1.24%205.494-2.197%207.336-2.685M12%209.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M8.25%2012a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M16.706%203.071c-1.743.462-4.052%201.384-7.217%202.65c-1.391.557-1.917.778-2.324%201.135q-.165.145-.309.309c-.357.407-.578.933-1.134%202.324c-1.267%203.165-2.189%205.474-2.65%207.217c-.47%201.768-.393%202.71.02%203.318c.236.348.536.648.884.884c.607.413%201.55.49%203.318.02c1.743-.462%204.052-1.384%207.217-2.65c1.391-.556%201.917-.777%202.324-1.134l.459.523l-.459-.523q.165-.145.309-.309l.529.464l-.53-.464c.358-.407.579-.933%201.135-2.324c1.267-3.165%202.189-5.474%202.65-7.217c.47-1.768.393-2.71-.02-3.318a3.3%203.3%200%200%200-.884-.885c-.607-.412-1.55-.488-3.318-.02m-.384-1.45c1.827-.484%203.356-.579%204.545.23c.505.343.94.777%201.282%201.282c.809%201.19.714%202.718.23%204.545c-.489%201.842-1.446%204.236-2.686%207.336l-.022.054l-.05.127c-.488%201.22-.802%202.005-1.35%202.629q-.208.238-.447.447c-.624.548-1.409.861-2.63%201.35l-.126.05l-.054.022c-3.1%201.24-5.494%202.197-7.335%202.685c-1.828.485-3.357.58-4.546-.229a4.8%204.8%200%200%201-1.282-1.282l.62-.421l-.62.421c-.809-1.19-.714-2.718-.23-4.546c.489-1.841%201.446-4.235%202.686-7.335l.022-.054l.05-.127c.489-1.22.802-2.005%201.35-2.629q.209-.238.447-.448c.624-.547%201.409-.86%202.63-1.348l.126-.051l.054-.022c3.1-1.24%205.494-2.197%207.336-2.685M12%209.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M8.25%2012a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/compass2.svg?color=%231a73e8&size=48
