grains slash icon

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

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

5 other variants in Phosphor

grains-slash-bold grains-slash-duotone grains-slash-fill grains-slash-light 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="M53.92 34.62a8 8 0 1 0-11.84 10.76l9.73 10.71Q49.91 56 48 56a8 8 0 0 0-8 8v80a88.1 88.1 0 0 0 88 88a87.82 87.82 0 0 0 61.21-24.78l12.87 14.16a8 8 0 1 0 11.84-10.76ZM136.29 149a88 88 0 0 0-8.29 14.37a88.16 88.16 0 0 0-72-51V72.44a71.3 71.3 0 0 1 13.18 2.75ZM120 215.56A72.1 72.1 0 0 1 56 144v-15.56A72.1 72.1 0 0 1 120 200Zm16 0V200a72.1 72.1 0 0 1 11.36-38.81l31.08 34.19A71.85 71.85 0 0 1 136 215.56M216 144a88 88 0 0 1-3.15 23.4a8 8 0 0 1-7.71 5.88A7.8 7.8 0 0 1 203 173a8 8 0 0 1-5.59-9.83A72.6 72.6 0 0 0 200 144v-15.57a71.1 71.1 0 0 0-24.56 7.33a8 8 0 1 1-7.24-14.26a86.6 86.6 0 0 1 31.8-9.14V72.45a72.33 72.33 0 0 0-50.35 29.36a8 8 0 1 1-13-9.39a88.2 88.2 0 0 1 25.16-23.3C152.62 49.8 135.45 37.74 128 33.2a100.2 100.2 0 0 0-23.4 19.94a8 8 0 1 1-12.21-10.33a112.3 112.3 0 0 1 32-26a8 8 0 0 1 7.16 0c1.32.66 30.27 15.43 44.59 45.15A87.9 87.9 0 0 1 208 56a8 8 0 0 1 8 8Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGrainsSlash(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="M53.92 34.62a8 8 0 1 0-11.84 10.76l9.73 10.71Q49.91 56 48 56a8 8 0 0 0-8 8v80a88.1 88.1 0 0 0 88 88a87.82 87.82 0 0 0 61.21-24.78l12.87 14.16a8 8 0 1 0 11.84-10.76ZM136.29 149a88 88 0 0 0-8.29 14.37a88.16 88.16 0 0 0-72-51V72.44a71.3 71.3 0 0 1 13.18 2.75ZM120 215.56A72.1 72.1 0 0 1 56 144v-15.56A72.1 72.1 0 0 1 120 200Zm16 0V200a72.1 72.1 0 0 1 11.36-38.81l31.08 34.19A71.85 71.85 0 0 1 136 215.56M216 144a88 88 0 0 1-3.15 23.4a8 8 0 0 1-7.71 5.88A7.8 7.8 0 0 1 203 173a8 8 0 0 1-5.59-9.83A72.6 72.6 0 0 0 200 144v-15.57a71.1 71.1 0 0 0-24.56 7.33a8 8 0 1 1-7.24-14.26a86.6 86.6 0 0 1 31.8-9.14V72.45a72.33 72.33 0 0 0-50.35 29.36a8 8 0 1 1-13-9.39a88.2 88.2 0 0 1 25.16-23.3C152.62 49.8 135.45 37.74 128 33.2a100.2 100.2 0 0 0-23.4 19.94a8 8 0 1 1-12.21-10.33a112.3 112.3 0 0 1 32-26a8 8 0 0 1 7.16 0c1.32.66 30.27 15.43 44.59 45.15A87.9 87.9 0 0 1 208 56a8 8 0 0 1 8 8Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M53.92 34.62a8 8 0 1 0-11.84 10.76l9.73 10.71Q49.91 56 48 56a8 8 0 0 0-8 8v80a88.1 88.1 0 0 0 88 88a87.82 87.82 0 0 0 61.21-24.78l12.87 14.16a8 8 0 1 0 11.84-10.76ZM136.29 149a88 88 0 0 0-8.29 14.37a88.16 88.16 0 0 0-72-51V72.44a71.3 71.3 0 0 1 13.18 2.75ZM120 215.56A72.1 72.1 0 0 1 56 144v-15.56A72.1 72.1 0 0 1 120 200Zm16 0V200a72.1 72.1 0 0 1 11.36-38.81l31.08 34.19A71.85 71.85 0 0 1 136 215.56M216 144a88 88 0 0 1-3.15 23.4a8 8 0 0 1-7.71 5.88A7.8 7.8 0 0 1 203 173a8 8 0 0 1-5.59-9.83A72.6 72.6 0 0 0 200 144v-15.57a71.1 71.1 0 0 0-24.56 7.33a8 8 0 1 1-7.24-14.26a86.6 86.6 0 0 1 31.8-9.14V72.45a72.33 72.33 0 0 0-50.35 29.36a8 8 0 1 1-13-9.39a88.2 88.2 0 0 1 25.16-23.3C152.62 49.8 135.45 37.74 128 33.2a100.2 100.2 0 0 0-23.4 19.94a8 8 0 1 1-12.21-10.33a112.3 112.3 0 0 1 32-26a8 8 0 0 1 7.16 0c1.32.66 30.27 15.43 44.59 45.15A87.9 87.9 0 0 1 208 56a8 8 0 0 1 8 8Z"/></svg>
</template>

CSS

.icon-grains-slash {
  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%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76l9.73%2010.71Q49.91%2056%2048%2056a8%208%200%200%200-8%208v80a88.1%2088.1%200%200%200%2088%2088a87.82%2087.82%200%200%200%2061.21-24.78l12.87%2014.16a8%208%200%201%200%2011.84-10.76ZM136.29%20149a88%2088%200%200%200-8.29%2014.37a88.16%2088.16%200%200%200-72-51V72.44a71.3%2071.3%200%200%201%2013.18%202.75ZM120%20215.56A72.1%2072.1%200%200%201%2056%20144v-15.56A72.1%2072.1%200%200%201%20120%20200Zm16%200V200a72.1%2072.1%200%200%201%2011.36-38.81l31.08%2034.19A71.85%2071.85%200%200%201%20136%20215.56M216%20144a88%2088%200%200%201-3.15%2023.4a8%208%200%200%201-7.71%205.88A7.8%207.8%200%200%201%20203%20173a8%208%200%200%201-5.59-9.83A72.6%2072.6%200%200%200%20200%20144v-15.57a71.1%2071.1%200%200%200-24.56%207.33a8%208%200%201%201-7.24-14.26a86.6%2086.6%200%200%201%2031.8-9.14V72.45a72.33%2072.33%200%200%200-50.35%2029.36a8%208%200%201%201-13-9.39a88.2%2088.2%200%200%201%2025.16-23.3C152.62%2049.8%20135.45%2037.74%20128%2033.2a100.2%20100.2%200%200%200-23.4%2019.94a8%208%200%201%201-12.21-10.33a112.3%20112.3%200%200%201%2032-26a8%208%200%200%201%207.16%200c1.32.66%2030.27%2015.43%2044.59%2045.15A87.9%2087.9%200%200%201%20208%2056a8%208%200%200%201%208%208Z%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%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76l9.73%2010.71Q49.91%2056%2048%2056a8%208%200%200%200-8%208v80a88.1%2088.1%200%200%200%2088%2088a87.82%2087.82%200%200%200%2061.21-24.78l12.87%2014.16a8%208%200%201%200%2011.84-10.76ZM136.29%20149a88%2088%200%200%200-8.29%2014.37a88.16%2088.16%200%200%200-72-51V72.44a71.3%2071.3%200%200%201%2013.18%202.75ZM120%20215.56A72.1%2072.1%200%200%201%2056%20144v-15.56A72.1%2072.1%200%200%201%20120%20200Zm16%200V200a72.1%2072.1%200%200%201%2011.36-38.81l31.08%2034.19A71.85%2071.85%200%200%201%20136%20215.56M216%20144a88%2088%200%200%201-3.15%2023.4a8%208%200%200%201-7.71%205.88A7.8%207.8%200%200%201%20203%20173a8%208%200%200%201-5.59-9.83A72.6%2072.6%200%200%200%20200%20144v-15.57a71.1%2071.1%200%200%200-24.56%207.33a8%208%200%201%201-7.24-14.26a86.6%2086.6%200%200%201%2031.8-9.14V72.45a72.33%2072.33%200%200%200-50.35%2029.36a8%208%200%201%201-13-9.39a88.2%2088.2%200%200%201%2025.16-23.3C152.62%2049.8%20135.45%2037.74%20128%2033.2a100.2%20100.2%200%200%200-23.4%2019.94a8%208%200%201%201-12.21-10.33a112.3%20112.3%200%200%201%2032-26a8%208%200%200%201%207.16%200c1.32.66%2030.27%2015.43%2044.59%2045.15A87.9%2087.9%200%200%201%20208%2056a8%208%200%200%201%208%208Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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