grains slash icon

grains-slash-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: grains-slash-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

grains-slash grains-slash-bold grains-slash-duotone grains-slash-fill grains-slash-thin

Use the grains slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l13.1 14.41A86 86 0 0 0 48 58a6 6 0 0 0-6 6v80a86.1 86.1 0 0 0 86 86a85.8 85.8 0 0 0 61.28-25.67L203.56 220a6 6 0 0 0 8.88-8.08Zm17.83 37.42l68.6 75.45A86 86 0 0 0 128 168.5a86.18 86.18 0 0 0-74-54.27v-44a73 73 0 0 1 16.27 3.19M122 217.76A74.1 74.1 0 0 1 54 144v-17.76A74.1 74.1 0 0 1 122 200Zm12 0V200a74.05 74.05 0 0 1 13.12-42l34.06 37.47A73.8 73.8 0 0 1 134 217.76M214 64v80a86.2 86.2 0 0 1-3.08 22.87a6 6 0 0 1-5.78 4.41a6.3 6.3 0 0 1-1.59-.21a6 6 0 0 1-4.2-7.38A74 74 0 0 0 202 144v-17.76a72.9 72.9 0 0 0-27.46 7.76a6 6 0 1 1-5.44-10.7a84.85 84.85 0 0 1 32.9-9.07v-44a74.29 74.29 0 0 0-54 30.39a6 6 0 1 1-9.72-7a86.2 86.2 0 0 1 26.1-23.7c-9.65-21.59-29.26-34.77-36.41-39a101.5 101.5 0 0 0-24.92 21a6 6 0 1 1-9.16-7.75a110.3 110.3 0 0 1 31.4-25.47a6 6 0 0 1 5.36 0c1.33.67 30.79 15.69 44.49 45.93A85.7 85.7 0 0 1 208 58a6 6 0 0 1 6 6"/></svg>

React

import type { SVGProps } from "react";

export function PhGrainsSlashLight(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="M52.44 36a6 6 0 0 0-8.88 8l13.1 14.41A86 86 0 0 0 48 58a6 6 0 0 0-6 6v80a86.1 86.1 0 0 0 86 86a85.8 85.8 0 0 0 61.28-25.67L203.56 220a6 6 0 0 0 8.88-8.08Zm17.83 37.42l68.6 75.45A86 86 0 0 0 128 168.5a86.18 86.18 0 0 0-74-54.27v-44a73 73 0 0 1 16.27 3.19M122 217.76A74.1 74.1 0 0 1 54 144v-17.76A74.1 74.1 0 0 1 122 200Zm12 0V200a74.05 74.05 0 0 1 13.12-42l34.06 37.47A73.8 73.8 0 0 1 134 217.76M214 64v80a86.2 86.2 0 0 1-3.08 22.87a6 6 0 0 1-5.78 4.41a6.3 6.3 0 0 1-1.59-.21a6 6 0 0 1-4.2-7.38A74 74 0 0 0 202 144v-17.76a72.9 72.9 0 0 0-27.46 7.76a6 6 0 1 1-5.44-10.7a84.85 84.85 0 0 1 32.9-9.07v-44a74.29 74.29 0 0 0-54 30.39a6 6 0 1 1-9.72-7a86.2 86.2 0 0 1 26.1-23.7c-9.65-21.59-29.26-34.77-36.41-39a101.5 101.5 0 0 0-24.92 21a6 6 0 1 1-9.16-7.75a110.3 110.3 0 0 1 31.4-25.47a6 6 0 0 1 5.36 0c1.33.67 30.79 15.69 44.49 45.93A85.7 85.7 0 0 1 208 58a6 6 0 0 1 6 6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l13.1 14.41A86 86 0 0 0 48 58a6 6 0 0 0-6 6v80a86.1 86.1 0 0 0 86 86a85.8 85.8 0 0 0 61.28-25.67L203.56 220a6 6 0 0 0 8.88-8.08Zm17.83 37.42l68.6 75.45A86 86 0 0 0 128 168.5a86.18 86.18 0 0 0-74-54.27v-44a73 73 0 0 1 16.27 3.19M122 217.76A74.1 74.1 0 0 1 54 144v-17.76A74.1 74.1 0 0 1 122 200Zm12 0V200a74.05 74.05 0 0 1 13.12-42l34.06 37.47A73.8 73.8 0 0 1 134 217.76M214 64v80a86.2 86.2 0 0 1-3.08 22.87a6 6 0 0 1-5.78 4.41a6.3 6.3 0 0 1-1.59-.21a6 6 0 0 1-4.2-7.38A74 74 0 0 0 202 144v-17.76a72.9 72.9 0 0 0-27.46 7.76a6 6 0 1 1-5.44-10.7a84.85 84.85 0 0 1 32.9-9.07v-44a74.29 74.29 0 0 0-54 30.39a6 6 0 1 1-9.72-7a86.2 86.2 0 0 1 26.1-23.7c-9.65-21.59-29.26-34.77-36.41-39a101.5 101.5 0 0 0-24.92 21a6 6 0 1 1-9.16-7.75a110.3 110.3 0 0 1 31.4-25.47a6 6 0 0 1 5.36 0c1.33.67 30.79 15.69 44.49 45.93A85.7 85.7 0 0 1 208 58a6 6 0 0 1 6 6"/></svg>
</template>

CSS

.icon-grains-slash-light {
  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%22M52.44%2036a6%206%200%200%200-8.88%208l13.1%2014.41A86%2086%200%200%200%2048%2058a6%206%200%200%200-6%206v80a86.1%2086.1%200%200%200%2086%2086a85.8%2085.8%200%200%200%2061.28-25.67L203.56%20220a6%206%200%200%200%208.88-8.08Zm17.83%2037.42l68.6%2075.45A86%2086%200%200%200%20128%20168.5a86.18%2086.18%200%200%200-74-54.27v-44a73%2073%200%200%201%2016.27%203.19M122%20217.76A74.1%2074.1%200%200%201%2054%20144v-17.76A74.1%2074.1%200%200%201%20122%20200Zm12%200V200a74.05%2074.05%200%200%201%2013.12-42l34.06%2037.47A73.8%2073.8%200%200%201%20134%20217.76M214%2064v80a86.2%2086.2%200%200%201-3.08%2022.87a6%206%200%200%201-5.78%204.41a6.3%206.3%200%200%201-1.59-.21a6%206%200%200%201-4.2-7.38A74%2074%200%200%200%20202%20144v-17.76a72.9%2072.9%200%200%200-27.46%207.76a6%206%200%201%201-5.44-10.7a84.85%2084.85%200%200%201%2032.9-9.07v-44a74.29%2074.29%200%200%200-54%2030.39a6%206%200%201%201-9.72-7a86.2%2086.2%200%200%201%2026.1-23.7c-9.65-21.59-29.26-34.77-36.41-39a101.5%20101.5%200%200%200-24.92%2021a6%206%200%201%201-9.16-7.75a110.3%20110.3%200%200%201%2031.4-25.47a6%206%200%200%201%205.36%200c1.33.67%2030.79%2015.69%2044.49%2045.93A85.7%2085.7%200%200%201%20208%2058a6%206%200%200%201%206%206%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%22M52.44%2036a6%206%200%200%200-8.88%208l13.1%2014.41A86%2086%200%200%200%2048%2058a6%206%200%200%200-6%206v80a86.1%2086.1%200%200%200%2086%2086a85.8%2085.8%200%200%200%2061.28-25.67L203.56%20220a6%206%200%200%200%208.88-8.08Zm17.83%2037.42l68.6%2075.45A86%2086%200%200%200%20128%20168.5a86.18%2086.18%200%200%200-74-54.27v-44a73%2073%200%200%201%2016.27%203.19M122%20217.76A74.1%2074.1%200%200%201%2054%20144v-17.76A74.1%2074.1%200%200%201%20122%20200Zm12%200V200a74.05%2074.05%200%200%201%2013.12-42l34.06%2037.47A73.8%2073.8%200%200%201%20134%20217.76M214%2064v80a86.2%2086.2%200%200%201-3.08%2022.87a6%206%200%200%201-5.78%204.41a6.3%206.3%200%200%201-1.59-.21a6%206%200%200%201-4.2-7.38A74%2074%200%200%200%20202%20144v-17.76a72.9%2072.9%200%200%200-27.46%207.76a6%206%200%201%201-5.44-10.7a84.85%2084.85%200%200%201%2032.9-9.07v-44a74.29%2074.29%200%200%200-54%2030.39a6%206%200%201%201-9.72-7a86.2%2086.2%200%200%201%2026.1-23.7c-9.65-21.59-29.26-34.77-36.41-39a101.5%20101.5%200%200%200-24.92%2021a6%206%200%201%201-9.16-7.75a110.3%20110.3%200%200%201%2031.4-25.47a6%206%200%200%201%205.36%200c1.33.67%2030.79%2015.69%2044.49%2045.93A85.7%2085.7%200%200%201%20208%2058a6%206%200%200%201%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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