intersect three icon

intersect-three from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: intersect-three
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

intersect-three-bold intersect-three-duotone intersect-three-fill intersect-three-light intersect-three-thin

Related icons in Phosphor

Use the intersect three icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M195.88 96c.07-1.31.12-2.63.12-4a68 68 0 0 0-136 0c0 1.33 0 2.65.12 4A68 68 0 1 0 128 213.65A68 68 0 1 0 195.88 96M128 193.47a51.9 51.9 0 0 1-16-35.38a67.55 67.55 0 0 0 31.9 0a51.9 51.9 0 0 1-15.9 35.38m0-49.47a52 52 0 0 1-14.08-1.95A52.06 52.06 0 0 1 128 118.53a52.06 52.06 0 0 1 14.08 23.52A52 52 0 0 1 128 144m-28.77-8.71A52.2 52.2 0 0 1 77.92 106a51.88 51.88 0 0 1 36.79 3.28a68.2 68.2 0 0 0-15.48 26.01m42.06-26.06a51.88 51.88 0 0 1 36.79-3.23a52.2 52.2 0 0 1-21.31 29.34a68.2 68.2 0 0 0-15.48-26.11M128 40a52.06 52.06 0 0 1 52 49.91a67.72 67.72 0 0 0-52 8.44a67.72 67.72 0 0 0-51.95-8.44A52.06 52.06 0 0 1 128 40M40 156a52 52 0 0 1 23.23-43.29A68.36 68.36 0 0 0 96.12 152c-.07 1.31-.12 2.63-.12 4a67.74 67.74 0 0 0 18.71 46.77A52 52 0 0 1 40 156m124 52a51.65 51.65 0 0 1-22.71-5.23A67.74 67.74 0 0 0 160 156c0-1.33-.05-2.65-.12-4a68.36 68.36 0 0 0 32.89-39.33A52 52 0 0 1 164 208"/></svg>

React

import type { SVGProps } from "react";

export function PhIntersectThree(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="M195.88 96c.07-1.31.12-2.63.12-4a68 68 0 0 0-136 0c0 1.33 0 2.65.12 4A68 68 0 1 0 128 213.65A68 68 0 1 0 195.88 96M128 193.47a51.9 51.9 0 0 1-16-35.38a67.55 67.55 0 0 0 31.9 0a51.9 51.9 0 0 1-15.9 35.38m0-49.47a52 52 0 0 1-14.08-1.95A52.06 52.06 0 0 1 128 118.53a52.06 52.06 0 0 1 14.08 23.52A52 52 0 0 1 128 144m-28.77-8.71A52.2 52.2 0 0 1 77.92 106a51.88 51.88 0 0 1 36.79 3.28a68.2 68.2 0 0 0-15.48 26.01m42.06-26.06a51.88 51.88 0 0 1 36.79-3.23a52.2 52.2 0 0 1-21.31 29.34a68.2 68.2 0 0 0-15.48-26.11M128 40a52.06 52.06 0 0 1 52 49.91a67.72 67.72 0 0 0-52 8.44a67.72 67.72 0 0 0-51.95-8.44A52.06 52.06 0 0 1 128 40M40 156a52 52 0 0 1 23.23-43.29A68.36 68.36 0 0 0 96.12 152c-.07 1.31-.12 2.63-.12 4a67.74 67.74 0 0 0 18.71 46.77A52 52 0 0 1 40 156m124 52a51.65 51.65 0 0 1-22.71-5.23A67.74 67.74 0 0 0 160 156c0-1.33-.05-2.65-.12-4a68.36 68.36 0 0 0 32.89-39.33A52 52 0 0 1 164 208"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M195.88 96c.07-1.31.12-2.63.12-4a68 68 0 0 0-136 0c0 1.33 0 2.65.12 4A68 68 0 1 0 128 213.65A68 68 0 1 0 195.88 96M128 193.47a51.9 51.9 0 0 1-16-35.38a67.55 67.55 0 0 0 31.9 0a51.9 51.9 0 0 1-15.9 35.38m0-49.47a52 52 0 0 1-14.08-1.95A52.06 52.06 0 0 1 128 118.53a52.06 52.06 0 0 1 14.08 23.52A52 52 0 0 1 128 144m-28.77-8.71A52.2 52.2 0 0 1 77.92 106a51.88 51.88 0 0 1 36.79 3.28a68.2 68.2 0 0 0-15.48 26.01m42.06-26.06a51.88 51.88 0 0 1 36.79-3.23a52.2 52.2 0 0 1-21.31 29.34a68.2 68.2 0 0 0-15.48-26.11M128 40a52.06 52.06 0 0 1 52 49.91a67.72 67.72 0 0 0-52 8.44a67.72 67.72 0 0 0-51.95-8.44A52.06 52.06 0 0 1 128 40M40 156a52 52 0 0 1 23.23-43.29A68.36 68.36 0 0 0 96.12 152c-.07 1.31-.12 2.63-.12 4a67.74 67.74 0 0 0 18.71 46.77A52 52 0 0 1 40 156m124 52a51.65 51.65 0 0 1-22.71-5.23A67.74 67.74 0 0 0 160 156c0-1.33-.05-2.65-.12-4a68.36 68.36 0 0 0 32.89-39.33A52 52 0 0 1 164 208"/></svg>
</template>

CSS

.icon-intersect-three {
  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%22M195.88%2096c.07-1.31.12-2.63.12-4a68%2068%200%200%200-136%200c0%201.33%200%202.65.12%204A68%2068%200%201%200%20128%20213.65A68%2068%200%201%200%20195.88%2096M128%20193.47a51.9%2051.9%200%200%201-16-35.38a67.55%2067.55%200%200%200%2031.9%200a51.9%2051.9%200%200%201-15.9%2035.38m0-49.47a52%2052%200%200%201-14.08-1.95A52.06%2052.06%200%200%201%20128%20118.53a52.06%2052.06%200%200%201%2014.08%2023.52A52%2052%200%200%201%20128%20144m-28.77-8.71A52.2%2052.2%200%200%201%2077.92%20106a51.88%2051.88%200%200%201%2036.79%203.28a68.2%2068.2%200%200%200-15.48%2026.01m42.06-26.06a51.88%2051.88%200%200%201%2036.79-3.23a52.2%2052.2%200%200%201-21.31%2029.34a68.2%2068.2%200%200%200-15.48-26.11M128%2040a52.06%2052.06%200%200%201%2052%2049.91a67.72%2067.72%200%200%200-52%208.44a67.72%2067.72%200%200%200-51.95-8.44A52.06%2052.06%200%200%201%20128%2040M40%20156a52%2052%200%200%201%2023.23-43.29A68.36%2068.36%200%200%200%2096.12%20152c-.07%201.31-.12%202.63-.12%204a67.74%2067.74%200%200%200%2018.71%2046.77A52%2052%200%200%201%2040%20156m124%2052a51.65%2051.65%200%200%201-22.71-5.23A67.74%2067.74%200%200%200%20160%20156c0-1.33-.05-2.65-.12-4a68.36%2068.36%200%200%200%2032.89-39.33A52%2052%200%200%201%20164%20208%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%22M195.88%2096c.07-1.31.12-2.63.12-4a68%2068%200%200%200-136%200c0%201.33%200%202.65.12%204A68%2068%200%201%200%20128%20213.65A68%2068%200%201%200%20195.88%2096M128%20193.47a51.9%2051.9%200%200%201-16-35.38a67.55%2067.55%200%200%200%2031.9%200a51.9%2051.9%200%200%201-15.9%2035.38m0-49.47a52%2052%200%200%201-14.08-1.95A52.06%2052.06%200%200%201%20128%20118.53a52.06%2052.06%200%200%201%2014.08%2023.52A52%2052%200%200%201%20128%20144m-28.77-8.71A52.2%2052.2%200%200%201%2077.92%20106a51.88%2051.88%200%200%201%2036.79%203.28a68.2%2068.2%200%200%200-15.48%2026.01m42.06-26.06a51.88%2051.88%200%200%201%2036.79-3.23a52.2%2052.2%200%200%201-21.31%2029.34a68.2%2068.2%200%200%200-15.48-26.11M128%2040a52.06%2052.06%200%200%201%2052%2049.91a67.72%2067.72%200%200%200-52%208.44a67.72%2067.72%200%200%200-51.95-8.44A52.06%2052.06%200%200%201%20128%2040M40%20156a52%2052%200%200%201%2023.23-43.29A68.36%2068.36%200%200%200%2096.12%20152c-.07%201.31-.12%202.63-.12%204a67.74%2067.74%200%200%200%2018.71%2046.77A52%2052%200%200%201%2040%20156m124%2052a51.65%2051.65%200%200%201-22.71-5.23A67.74%2067.74%200%200%200%20160%20156c0-1.33-.05-2.65-.12-4a68.36%2068.36%200%200%200%2032.89-39.33A52%2052%200%200%201%20164%20208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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