intersect three icon

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

Name
intersect-three-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

intersect-threeintersect-three-duotoneintersect-three-fillintersect-three-lightintersect-three-thin

Related icons in Phosphor

intersect-square

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="M200 93.66V92a72 72 0 0 0-144 0v1.66a72 72 0 1 0 72 124.65a72 72 0 1 0 72-124.65m-41.28 35.22A71.7 71.7 0 0 0 148 110.77a47.7 47.7 0 0 1 25-1.92a48.2 48.2 0 0 1-14.32 20.03ZM128 187.7a47.8 47.8 0 0 1-11.47-24.62a72 72 0 0 0 22.94 0A47.8 47.8 0 0 1 128 187.7m-44.94-78.85a47.7 47.7 0 0 1 25 1.92a71.7 71.7 0 0 0-10.72 18.11a48.2 48.2 0 0 1-14.28-20.03M128 140a48 48 0 0 1-8.94-.85A48 48 0 0 1 128 124.3a48 48 0 0 1 8.94 14.85a48 48 0 0 1-8.94.85m0-96a48.07 48.07 0 0 1 47.47 40.92A71.77 71.77 0 0 0 128 93.69a71.77 71.77 0 0 0-47.47-8.77A48.07 48.07 0 0 1 128 44M44 156a47.89 47.89 0 0 1 17.32-36.88A72.45 72.45 0 0 0 92 154.34V156a71.64 71.64 0 0 0 16 45.23A48 48 0 0 1 44 156m120 48a47.7 47.7 0 0 1-16-2.77A71.64 71.64 0 0 0 164 156v-1.66a72.45 72.45 0 0 0 30.72-35.22A48 48 0 0 1 164 204"/></svg>

React

import type { SVGProps } from "react";

export function PhIntersectThreeBold(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="M200 93.66V92a72 72 0 0 0-144 0v1.66a72 72 0 1 0 72 124.65a72 72 0 1 0 72-124.65m-41.28 35.22A71.7 71.7 0 0 0 148 110.77a47.7 47.7 0 0 1 25-1.92a48.2 48.2 0 0 1-14.32 20.03ZM128 187.7a47.8 47.8 0 0 1-11.47-24.62a72 72 0 0 0 22.94 0A47.8 47.8 0 0 1 128 187.7m-44.94-78.85a47.7 47.7 0 0 1 25 1.92a71.7 71.7 0 0 0-10.72 18.11a48.2 48.2 0 0 1-14.28-20.03M128 140a48 48 0 0 1-8.94-.85A48 48 0 0 1 128 124.3a48 48 0 0 1 8.94 14.85a48 48 0 0 1-8.94.85m0-96a48.07 48.07 0 0 1 47.47 40.92A71.77 71.77 0 0 0 128 93.69a71.77 71.77 0 0 0-47.47-8.77A48.07 48.07 0 0 1 128 44M44 156a47.89 47.89 0 0 1 17.32-36.88A72.45 72.45 0 0 0 92 154.34V156a71.64 71.64 0 0 0 16 45.23A48 48 0 0 1 44 156m120 48a47.7 47.7 0 0 1-16-2.77A71.64 71.64 0 0 0 164 156v-1.66a72.45 72.45 0 0 0 30.72-35.22A48 48 0 0 1 164 204"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 93.66V92a72 72 0 0 0-144 0v1.66a72 72 0 1 0 72 124.65a72 72 0 1 0 72-124.65m-41.28 35.22A71.7 71.7 0 0 0 148 110.77a47.7 47.7 0 0 1 25-1.92a48.2 48.2 0 0 1-14.32 20.03ZM128 187.7a47.8 47.8 0 0 1-11.47-24.62a72 72 0 0 0 22.94 0A47.8 47.8 0 0 1 128 187.7m-44.94-78.85a47.7 47.7 0 0 1 25 1.92a71.7 71.7 0 0 0-10.72 18.11a48.2 48.2 0 0 1-14.28-20.03M128 140a48 48 0 0 1-8.94-.85A48 48 0 0 1 128 124.3a48 48 0 0 1 8.94 14.85a48 48 0 0 1-8.94.85m0-96a48.07 48.07 0 0 1 47.47 40.92A71.77 71.77 0 0 0 128 93.69a71.77 71.77 0 0 0-47.47-8.77A48.07 48.07 0 0 1 128 44M44 156a47.89 47.89 0 0 1 17.32-36.88A72.45 72.45 0 0 0 92 154.34V156a71.64 71.64 0 0 0 16 45.23A48 48 0 0 1 44 156m120 48a47.7 47.7 0 0 1-16-2.77A71.64 71.64 0 0 0 164 156v-1.66a72.45 72.45 0 0 0 30.72-35.22A48 48 0 0 1 164 204"/></svg>
</template>

CSS

.icon-intersect-three-bold {
  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%22M200%2093.66V92a72%2072%200%200%200-144%200v1.66a72%2072%200%201%200%2072%20124.65a72%2072%200%201%200%2072-124.65m-41.28%2035.22A71.7%2071.7%200%200%200%20148%20110.77a47.7%2047.7%200%200%201%2025-1.92a48.2%2048.2%200%200%201-14.32%2020.03ZM128%20187.7a47.8%2047.8%200%200%201-11.47-24.62a72%2072%200%200%200%2022.94%200A47.8%2047.8%200%200%201%20128%20187.7m-44.94-78.85a47.7%2047.7%200%200%201%2025%201.92a71.7%2071.7%200%200%200-10.72%2018.11a48.2%2048.2%200%200%201-14.28-20.03M128%20140a48%2048%200%200%201-8.94-.85A48%2048%200%200%201%20128%20124.3a48%2048%200%200%201%208.94%2014.85a48%2048%200%200%201-8.94.85m0-96a48.07%2048.07%200%200%201%2047.47%2040.92A71.77%2071.77%200%200%200%20128%2093.69a71.77%2071.77%200%200%200-47.47-8.77A48.07%2048.07%200%200%201%20128%2044M44%20156a47.89%2047.89%200%200%201%2017.32-36.88A72.45%2072.45%200%200%200%2092%20154.34V156a71.64%2071.64%200%200%200%2016%2045.23A48%2048%200%200%201%2044%20156m120%2048a47.7%2047.7%200%200%201-16-2.77A71.64%2071.64%200%200%200%20164%20156v-1.66a72.45%2072.45%200%200%200%2030.72-35.22A48%2048%200%200%201%20164%20204%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%22M200%2093.66V92a72%2072%200%200%200-144%200v1.66a72%2072%200%201%200%2072%20124.65a72%2072%200%201%200%2072-124.65m-41.28%2035.22A71.7%2071.7%200%200%200%20148%20110.77a47.7%2047.7%200%200%201%2025-1.92a48.2%2048.2%200%200%201-14.32%2020.03ZM128%20187.7a47.8%2047.8%200%200%201-11.47-24.62a72%2072%200%200%200%2022.94%200A47.8%2047.8%200%200%201%20128%20187.7m-44.94-78.85a47.7%2047.7%200%200%201%2025%201.92a71.7%2071.7%200%200%200-10.72%2018.11a48.2%2048.2%200%200%201-14.28-20.03M128%20140a48%2048%200%200%201-8.94-.85A48%2048%200%200%201%20128%20124.3a48%2048%200%200%201%208.94%2014.85a48%2048%200%200%201-8.94.85m0-96a48.07%2048.07%200%200%201%2047.47%2040.92A71.77%2071.77%200%200%200%20128%2093.69a71.77%2071.77%200%200%200-47.47-8.77A48.07%2048.07%200%200%201%20128%2044M44%20156a47.89%2047.89%200%200%201%2017.32-36.88A72.45%2072.45%200%200%200%2092%20154.34V156a71.64%2071.64%200%200%200%2016%2045.23A48%2048%200%200%201%2044%20156m120%2048a47.7%2047.7%200%200%201-16-2.77A71.64%2071.64%200%200%200%20164%20156v-1.66a72.45%2072.45%200%200%200%2030.72-35.22A48%2048%200%200%201%20164%20204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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