compass tool icon

compass-tool-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
compass-tool-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

compass-toolcompass-tool-boldcompass-tool-duotonecompass-tool-fillcompass-tool-light

Related icons in Phosphor

compass-rose

Use the compass tool icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M211.56 121.82a4 4 0 1 0-7.12-3.64a84.05 84.05 0 0 1-38.58 37.16l-19.68-44.29A36 36 0 0 0 132 44.23V24a4 4 0 0 0-8 0v20.23a36 36 0 0 0-14.18 66.82L60.35 222.37a4 4 0 0 0 2 5.28A3.9 3.9 0 0 0 64 228a4 4 0 0 0 3.66-2.38l26.66-60A91.4 91.4 0 0 0 128 172a95.2 95.2 0 0 0 33.75-6.22l26.59 59.84A4 4 0 0 0 192 228a3.9 3.9 0 0 0 1.62-.35a4 4 0 0 0 2-5.28l-26.54-59.73a92 92 0 0 0 42.48-40.82M100 80a28 28 0 1 1 28 28a28 28 0 0 1-28-28m28 84a83.4 83.4 0 0 1-30.43-5.68l19.56-44a36 36 0 0 0 21.74 0l19.63 44.15A87.4 87.4 0 0 1 128 164"/></svg>

React

import type { SVGProps } from "react";

export function PhCompassToolThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M211.56 121.82a4 4 0 1 0-7.12-3.64a84.05 84.05 0 0 1-38.58 37.16l-19.68-44.29A36 36 0 0 0 132 44.23V24a4 4 0 0 0-8 0v20.23a36 36 0 0 0-14.18 66.82L60.35 222.37a4 4 0 0 0 2 5.28A3.9 3.9 0 0 0 64 228a4 4 0 0 0 3.66-2.38l26.66-60A91.4 91.4 0 0 0 128 172a95.2 95.2 0 0 0 33.75-6.22l26.59 59.84A4 4 0 0 0 192 228a3.9 3.9 0 0 0 1.62-.35a4 4 0 0 0 2-5.28l-26.54-59.73a92 92 0 0 0 42.48-40.82M100 80a28 28 0 1 1 28 28a28 28 0 0 1-28-28m28 84a83.4 83.4 0 0 1-30.43-5.68l19.56-44a36 36 0 0 0 21.74 0l19.63 44.15A87.4 87.4 0 0 1 128 164"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M211.56 121.82a4 4 0 1 0-7.12-3.64a84.05 84.05 0 0 1-38.58 37.16l-19.68-44.29A36 36 0 0 0 132 44.23V24a4 4 0 0 0-8 0v20.23a36 36 0 0 0-14.18 66.82L60.35 222.37a4 4 0 0 0 2 5.28A3.9 3.9 0 0 0 64 228a4 4 0 0 0 3.66-2.38l26.66-60A91.4 91.4 0 0 0 128 172a95.2 95.2 0 0 0 33.75-6.22l26.59 59.84A4 4 0 0 0 192 228a3.9 3.9 0 0 0 1.62-.35a4 4 0 0 0 2-5.28l-26.54-59.73a92 92 0 0 0 42.48-40.82M100 80a28 28 0 1 1 28 28a28 28 0 0 1-28-28m28 84a83.4 83.4 0 0 1-30.43-5.68l19.56-44a36 36 0 0 0 21.74 0l19.63 44.15A87.4 87.4 0 0 1 128 164"/></svg>
</template>

CSS

.icon-compass-tool-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M211.56%20121.82a4%204%200%201%200-7.12-3.64a84.05%2084.05%200%200%201-38.58%2037.16l-19.68-44.29A36%2036%200%200%200%20132%2044.23V24a4%204%200%200%200-8%200v20.23a36%2036%200%200%200-14.18%2066.82L60.35%20222.37a4%204%200%200%200%202%205.28A3.9%203.9%200%200%200%2064%20228a4%204%200%200%200%203.66-2.38l26.66-60A91.4%2091.4%200%200%200%20128%20172a95.2%2095.2%200%200%200%2033.75-6.22l26.59%2059.84A4%204%200%200%200%20192%20228a3.9%203.9%200%200%200%201.62-.35a4%204%200%200%200%202-5.28l-26.54-59.73a92%2092%200%200%200%2042.48-40.82M100%2080a28%2028%200%201%201%2028%2028a28%2028%200%200%201-28-28m28%2084a83.4%2083.4%200%200%201-30.43-5.68l19.56-44a36%2036%200%200%200%2021.74%200l19.63%2044.15A87.4%2087.4%200%200%201%20128%20164%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M211.56%20121.82a4%204%200%201%200-7.12-3.64a84.05%2084.05%200%200%201-38.58%2037.16l-19.68-44.29A36%2036%200%200%200%20132%2044.23V24a4%204%200%200%200-8%200v20.23a36%2036%200%200%200-14.18%2066.82L60.35%20222.37a4%204%200%200%200%202%205.28A3.9%203.9%200%200%200%2064%20228a4%204%200%200%200%203.66-2.38l26.66-60A91.4%2091.4%200%200%200%20128%20172a95.2%2095.2%200%200%200%2033.75-6.22l26.59%2059.84A4%204%200%200%200%20192%20228a3.9%203.9%200%200%200%201.62-.35a4%204%200%200%200%202-5.28l-26.54-59.73a92%2092%200%200%200%2042.48-40.82M100%2080a28%2028%200%201%201%2028%2028a28%2028%200%200%201-28-28m28%2084a83.4%2083.4%200%200%201-30.43-5.68l19.56-44a36%2036%200%200%200%2021.74%200l19.63%2044.15A87.4%2087.4%200%200%201%20128%20164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/compass-tool-thin.svg?color=%231a73e8&size=48