subtract icon

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

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

5 other variants in Phosphor

subtract subtract-bold subtract-duotone subtract-fill subtract-light

The same icon in other sets

subtractBootstrap Icons subtractCarbon subtractFont Awesome Solid subtract-12-filledFluent UI System Icons subtract-fillMingCute Icon subtractMyna UI Icons subtract-fillRemix Icon

Related icons in Phosphor

subtract-square

Use the subtract 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.82a76 76 0 1 0-86.35 86.35a76 76 0 1 0 86.35-86.35M228 160a68.6 68.6 0 0 1-1.27 13.07l-57.34-57.34A76 76 0 0 0 172 96c0-1 0-2-.07-2.94A67.79 67.79 0 0 1 228 160m-81.19-7.54l58.33 58.34A68.1 68.1 0 0 1 182 224.33l-57.78-57.78a76.4 76.4 0 0 0 22.59-14.09m5.65-5.65a76.4 76.4 0 0 0 14.09-22.6L224.33 182a68.1 68.1 0 0 1-13.53 23.15ZM28 96a68 68 0 1 1 68 68a68.07 68.07 0 0 1-68-68m65.06 75.93c1 0 2 .07 2.94.07a76 76 0 0 0 19.73-2.61l57.34 57.34A68.6 68.6 0 0 1 160 228a67.79 67.79 0 0 1-66.94-56.07"/></svg>

React

import type { SVGProps } from "react";

export function PhSubtractThin(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.82a76 76 0 1 0-86.35 86.35a76 76 0 1 0 86.35-86.35M228 160a68.6 68.6 0 0 1-1.27 13.07l-57.34-57.34A76 76 0 0 0 172 96c0-1 0-2-.07-2.94A67.79 67.79 0 0 1 228 160m-81.19-7.54l58.33 58.34A68.1 68.1 0 0 1 182 224.33l-57.78-57.78a76.4 76.4 0 0 0 22.59-14.09m5.65-5.65a76.4 76.4 0 0 0 14.09-22.6L224.33 182a68.1 68.1 0 0 1-13.53 23.15ZM28 96a68 68 0 1 1 68 68a68.07 68.07 0 0 1-68-68m65.06 75.93c1 0 2 .07 2.94.07a76 76 0 0 0 19.73-2.61l57.34 57.34A68.6 68.6 0 0 1 160 228a67.79 67.79 0 0 1-66.94-56.07"/></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.82a76 76 0 1 0-86.35 86.35a76 76 0 1 0 86.35-86.35M228 160a68.6 68.6 0 0 1-1.27 13.07l-57.34-57.34A76 76 0 0 0 172 96c0-1 0-2-.07-2.94A67.79 67.79 0 0 1 228 160m-81.19-7.54l58.33 58.34A68.1 68.1 0 0 1 182 224.33l-57.78-57.78a76.4 76.4 0 0 0 22.59-14.09m5.65-5.65a76.4 76.4 0 0 0 14.09-22.6L224.33 182a68.1 68.1 0 0 1-13.53 23.15ZM28 96a68 68 0 1 1 68 68a68.07 68.07 0 0 1-68-68m65.06 75.93c1 0 2 .07 2.94.07a76 76 0 0 0 19.73-2.61l57.34 57.34A68.6 68.6 0 0 1 160 228a67.79 67.79 0 0 1-66.94-56.07"/></svg>
</template>

CSS

.icon-subtract-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.82a76%2076%200%201%200-86.35%2086.35a76%2076%200%201%200%2086.35-86.35M228%20160a68.6%2068.6%200%200%201-1.27%2013.07l-57.34-57.34A76%2076%200%200%200%20172%2096c0-1%200-2-.07-2.94A67.79%2067.79%200%200%201%20228%20160m-81.19-7.54l58.33%2058.34A68.1%2068.1%200%200%201%20182%20224.33l-57.78-57.78a76.4%2076.4%200%200%200%2022.59-14.09m5.65-5.65a76.4%2076.4%200%200%200%2014.09-22.6L224.33%20182a68.1%2068.1%200%200%201-13.53%2023.15ZM28%2096a68%2068%200%201%201%2068%2068a68.07%2068.07%200%200%201-68-68m65.06%2075.93c1%200%202%20.07%202.94.07a76%2076%200%200%200%2019.73-2.61l57.34%2057.34A68.6%2068.6%200%200%201%20160%20228a67.79%2067.79%200%200%201-66.94-56.07%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.82a76%2076%200%201%200-86.35%2086.35a76%2076%200%201%200%2086.35-86.35M228%20160a68.6%2068.6%200%200%201-1.27%2013.07l-57.34-57.34A76%2076%200%200%200%20172%2096c0-1%200-2-.07-2.94A67.79%2067.79%200%200%201%20228%20160m-81.19-7.54l58.33%2058.34A68.1%2068.1%200%200%201%20182%20224.33l-57.78-57.78a76.4%2076.4%200%200%200%2022.59-14.09m5.65-5.65a76.4%2076.4%200%200%200%2014.09-22.6L224.33%20182a68.1%2068.1%200%200%201-13.53%2023.15ZM28%2096a68%2068%200%201%201%2068%2068a68.07%2068.07%200%200%201-68-68m65.06%2075.93c1%200%202%20.07%202.94.07a76%2076%200%200%200%2019.73-2.61l57.34%2057.34A68.6%2068.6%200%200%201%20160%20228a67.79%2067.79%200%200%201-66.94-56.07%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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