intersect icon

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

Name: intersect-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

intersect intersect-bold intersect-duotone intersect-fill intersect-light

The same icon in other sets

intersectBootstrap Icons intersectBoxIcons v2 intersectCarbon intersectIconoir intersect-fillMingCute Icon

Related icons in Phosphor

intersect-square intersect-three

Use the intersect icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171.17 84.83a76 76 0 1 0-86.34 86.34a76 76 0 1 0 86.34-86.34M28 96a68 68 0 0 1 134.93-11.93c-1 0-2-.07-2.93-.07a76.08 76.08 0 0 0-76 76c0 1 0 2 .07 2.93A68.1 68.1 0 0 1 28 96m136 0a67.6 67.6 0 0 1-7.45 30.89l-27.44-27.44A67.6 67.6 0 0 1 160 92c1.3 0 2.6 0 3.88.12c.12 1.28.12 2.58.12 3.88m-72 64a67.6 67.6 0 0 1 7.45-30.89l27.44 27.44A67.6 67.6 0 0 1 96 164c-1.3 0-2.6-.05-3.88-.12c-.07-1.28-.12-2.58-.12-3.88m42-7.64L103.64 122A68.7 68.7 0 0 1 122 103.64L152.36 134A68.7 68.7 0 0 1 134 152.36M160 228a68.1 68.1 0 0 1-66.93-56.07c1 0 2 .07 2.93.07a76.08 76.08 0 0 0 76-76c0-1 0-2-.07-2.93A68 68 0 0 1 160 228"/></svg>

React

import type { SVGProps } from "react";

export function PhIntersectThin(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="M171.17 84.83a76 76 0 1 0-86.34 86.34a76 76 0 1 0 86.34-86.34M28 96a68 68 0 0 1 134.93-11.93c-1 0-2-.07-2.93-.07a76.08 76.08 0 0 0-76 76c0 1 0 2 .07 2.93A68.1 68.1 0 0 1 28 96m136 0a67.6 67.6 0 0 1-7.45 30.89l-27.44-27.44A67.6 67.6 0 0 1 160 92c1.3 0 2.6 0 3.88.12c.12 1.28.12 2.58.12 3.88m-72 64a67.6 67.6 0 0 1 7.45-30.89l27.44 27.44A67.6 67.6 0 0 1 96 164c-1.3 0-2.6-.05-3.88-.12c-.07-1.28-.12-2.58-.12-3.88m42-7.64L103.64 122A68.7 68.7 0 0 1 122 103.64L152.36 134A68.7 68.7 0 0 1 134 152.36M160 228a68.1 68.1 0 0 1-66.93-56.07c1 0 2 .07 2.93.07a76.08 76.08 0 0 0 76-76c0-1 0-2-.07-2.93A68 68 0 0 1 160 228"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M171.17 84.83a76 76 0 1 0-86.34 86.34a76 76 0 1 0 86.34-86.34M28 96a68 68 0 0 1 134.93-11.93c-1 0-2-.07-2.93-.07a76.08 76.08 0 0 0-76 76c0 1 0 2 .07 2.93A68.1 68.1 0 0 1 28 96m136 0a67.6 67.6 0 0 1-7.45 30.89l-27.44-27.44A67.6 67.6 0 0 1 160 92c1.3 0 2.6 0 3.88.12c.12 1.28.12 2.58.12 3.88m-72 64a67.6 67.6 0 0 1 7.45-30.89l27.44 27.44A67.6 67.6 0 0 1 96 164c-1.3 0-2.6-.05-3.88-.12c-.07-1.28-.12-2.58-.12-3.88m42-7.64L103.64 122A68.7 68.7 0 0 1 122 103.64L152.36 134A68.7 68.7 0 0 1 134 152.36M160 228a68.1 68.1 0 0 1-66.93-56.07c1 0 2 .07 2.93.07a76.08 76.08 0 0 0 76-76c0-1 0-2-.07-2.93A68 68 0 0 1 160 228"/></svg>
</template>

CSS

.icon-intersect-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%22M171.17%2084.83a76%2076%200%201%200-86.34%2086.34a76%2076%200%201%200%2086.34-86.34M28%2096a68%2068%200%200%201%20134.93-11.93c-1%200-2-.07-2.93-.07a76.08%2076.08%200%200%200-76%2076c0%201%200%202%20.07%202.93A68.1%2068.1%200%200%201%2028%2096m136%200a67.6%2067.6%200%200%201-7.45%2030.89l-27.44-27.44A67.6%2067.6%200%200%201%20160%2092c1.3%200%202.6%200%203.88.12c.12%201.28.12%202.58.12%203.88m-72%2064a67.6%2067.6%200%200%201%207.45-30.89l27.44%2027.44A67.6%2067.6%200%200%201%2096%20164c-1.3%200-2.6-.05-3.88-.12c-.07-1.28-.12-2.58-.12-3.88m42-7.64L103.64%20122A68.7%2068.7%200%200%201%20122%20103.64L152.36%20134A68.7%2068.7%200%200%201%20134%20152.36M160%20228a68.1%2068.1%200%200%201-66.93-56.07c1%200%202%20.07%202.93.07a76.08%2076.08%200%200%200%2076-76c0-1%200-2-.07-2.93A68%2068%200%200%201%20160%20228%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%22M171.17%2084.83a76%2076%200%201%200-86.34%2086.34a76%2076%200%201%200%2086.34-86.34M28%2096a68%2068%200%200%201%20134.93-11.93c-1%200-2-.07-2.93-.07a76.08%2076.08%200%200%200-76%2076c0%201%200%202%20.07%202.93A68.1%2068.1%200%200%201%2028%2096m136%200a67.6%2067.6%200%200%201-7.45%2030.89l-27.44-27.44A67.6%2067.6%200%200%201%20160%2092c1.3%200%202.6%200%203.88.12c.12%201.28.12%202.58.12%203.88m-72%2064a67.6%2067.6%200%200%201%207.45-30.89l27.44%2027.44A67.6%2067.6%200%200%201%2096%20164c-1.3%200-2.6-.05-3.88-.12c-.07-1.28-.12-2.58-.12-3.88m42-7.64L103.64%20122A68.7%2068.7%200%200%201%20122%20103.64L152.36%20134A68.7%2068.7%200%200%201%20134%20152.36M160%20228a68.1%2068.1%200%200%201-66.93-56.07c1%200%202%20.07%202.93.07a76.08%2076.08%200%200%200%2076-76c0-1%200-2-.07-2.93A68%2068%200%200%201%20160%20228%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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