grains slash icon

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

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

5 other variants in Phosphor

grains-slash grains-slash-bold grains-slash-duotone 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="M216 64v80a87.7 87.7 0 0 1-5.45 30.49a4 4 0 0 1-6.7 1.27l-41.33-45.46a4 4 0 0 1 1-6.16A87.4 87.4 0 0 1 200 112.37V72.45a72.33 72.33 0 0 0-50.35 29.36a8 8 0 0 1-11.93 1.19a8.17 8.17 0 0 1-.89-10.75a88.1 88.1 0 0 1 25-23.11C152.62 49.8 135.45 37.74 128 33.2a99.8 99.8 0 0 0-23.4 19.94a8 8 0 0 1-12 .27a8.18 8.18 0 0 1-.06-10.8a112.4 112.4 0 0 1 31.86-25.76a8 8 0 0 1 7.16 0c1.32.66 30.27 15.43 44.59 45.15a87.9 87.9 0 0 1 31.74-6a8 8 0 0 1 8.11 8m-2.08 146.62a8 8 0 1 1-11.84 10.76l-12.9-14.19A87.77 87.77 0 0 1 128.52 232C79.83 232.28 40 191.51 40 142.83V64a8 8 0 0 1 8.09-8c1.25 0 2.48 0 3.72.09l-9.73-10.71a8 8 0 1 1 11.84-10.76Zm-77.6-61.57L69.18 75.19A71.3 71.3 0 0 0 56 72.44v39.94a88.17 88.17 0 0 1 72 51a88 88 0 0 1 8.32-14.33"/></svg>

React

import type { SVGProps } from "react";

export function PhGrainsSlashFill(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="M216 64v80a87.7 87.7 0 0 1-5.45 30.49a4 4 0 0 1-6.7 1.27l-41.33-45.46a4 4 0 0 1 1-6.16A87.4 87.4 0 0 1 200 112.37V72.45a72.33 72.33 0 0 0-50.35 29.36a8 8 0 0 1-11.93 1.19a8.17 8.17 0 0 1-.89-10.75a88.1 88.1 0 0 1 25-23.11C152.62 49.8 135.45 37.74 128 33.2a99.8 99.8 0 0 0-23.4 19.94a8 8 0 0 1-12 .27a8.18 8.18 0 0 1-.06-10.8a112.4 112.4 0 0 1 31.86-25.76a8 8 0 0 1 7.16 0c1.32.66 30.27 15.43 44.59 45.15a87.9 87.9 0 0 1 31.74-6a8 8 0 0 1 8.11 8m-2.08 146.62a8 8 0 1 1-11.84 10.76l-12.9-14.19A87.77 87.77 0 0 1 128.52 232C79.83 232.28 40 191.51 40 142.83V64a8 8 0 0 1 8.09-8c1.25 0 2.48 0 3.72.09l-9.73-10.71a8 8 0 1 1 11.84-10.76Zm-77.6-61.57L69.18 75.19A71.3 71.3 0 0 0 56 72.44v39.94a88.17 88.17 0 0 1 72 51a88 88 0 0 1 8.32-14.33"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 64v80a87.7 87.7 0 0 1-5.45 30.49a4 4 0 0 1-6.7 1.27l-41.33-45.46a4 4 0 0 1 1-6.16A87.4 87.4 0 0 1 200 112.37V72.45a72.33 72.33 0 0 0-50.35 29.36a8 8 0 0 1-11.93 1.19a8.17 8.17 0 0 1-.89-10.75a88.1 88.1 0 0 1 25-23.11C152.62 49.8 135.45 37.74 128 33.2a99.8 99.8 0 0 0-23.4 19.94a8 8 0 0 1-12 .27a8.18 8.18 0 0 1-.06-10.8a112.4 112.4 0 0 1 31.86-25.76a8 8 0 0 1 7.16 0c1.32.66 30.27 15.43 44.59 45.15a87.9 87.9 0 0 1 31.74-6a8 8 0 0 1 8.11 8m-2.08 146.62a8 8 0 1 1-11.84 10.76l-12.9-14.19A87.77 87.77 0 0 1 128.52 232C79.83 232.28 40 191.51 40 142.83V64a8 8 0 0 1 8.09-8c1.25 0 2.48 0 3.72.09l-9.73-10.71a8 8 0 1 1 11.84-10.76Zm-77.6-61.57L69.18 75.19A71.3 71.3 0 0 0 56 72.44v39.94a88.17 88.17 0 0 1 72 51a88 88 0 0 1 8.32-14.33"/></svg>
</template>

CSS

.icon-grains-slash-fill {
  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%22M216%2064v80a87.7%2087.7%200%200%201-5.45%2030.49a4%204%200%200%201-6.7%201.27l-41.33-45.46a4%204%200%200%201%201-6.16A87.4%2087.4%200%200%201%20200%20112.37V72.45a72.33%2072.33%200%200%200-50.35%2029.36a8%208%200%200%201-11.93%201.19a8.17%208.17%200%200%201-.89-10.75a88.1%2088.1%200%200%201%2025-23.11C152.62%2049.8%20135.45%2037.74%20128%2033.2a99.8%2099.8%200%200%200-23.4%2019.94a8%208%200%200%201-12%20.27a8.18%208.18%200%200%201-.06-10.8a112.4%20112.4%200%200%201%2031.86-25.76a8%208%200%200%201%207.16%200c1.32.66%2030.27%2015.43%2044.59%2045.15a87.9%2087.9%200%200%201%2031.74-6a8%208%200%200%201%208.11%208m-2.08%20146.62a8%208%200%201%201-11.84%2010.76l-12.9-14.19A87.77%2087.77%200%200%201%20128.52%20232C79.83%20232.28%2040%20191.51%2040%20142.83V64a8%208%200%200%201%208.09-8c1.25%200%202.48%200%203.72.09l-9.73-10.71a8%208%200%201%201%2011.84-10.76Zm-77.6-61.57L69.18%2075.19A71.3%2071.3%200%200%200%2056%2072.44v39.94a88.17%2088.17%200%200%201%2072%2051a88%2088%200%200%201%208.32-14.33%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%22M216%2064v80a87.7%2087.7%200%200%201-5.45%2030.49a4%204%200%200%201-6.7%201.27l-41.33-45.46a4%204%200%200%201%201-6.16A87.4%2087.4%200%200%201%20200%20112.37V72.45a72.33%2072.33%200%200%200-50.35%2029.36a8%208%200%200%201-11.93%201.19a8.17%208.17%200%200%201-.89-10.75a88.1%2088.1%200%200%201%2025-23.11C152.62%2049.8%20135.45%2037.74%20128%2033.2a99.8%2099.8%200%200%200-23.4%2019.94a8%208%200%200%201-12%20.27a8.18%208.18%200%200%201-.06-10.8a112.4%20112.4%200%200%201%2031.86-25.76a8%208%200%200%201%207.16%200c1.32.66%2030.27%2015.43%2044.59%2045.15a87.9%2087.9%200%200%201%2031.74-6a8%208%200%200%201%208.11%208m-2.08%20146.62a8%208%200%201%201-11.84%2010.76l-12.9-14.19A87.77%2087.77%200%200%201%20128.52%20232C79.83%20232.28%2040%20191.51%2040%20142.83V64a8%208%200%200%201%208.09-8c1.25%200%202.48%200%203.72.09l-9.73-10.71a8%208%200%201%201%2011.84-10.76Zm-77.6-61.57L69.18%2075.19A71.3%2071.3%200%200%200%2056%2072.44v39.94a88.17%2088.17%200%200%201%2072%2051a88%2088%200%200%201%208.32-14.33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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