grains slash icon

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

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

5 other variants in Phosphor

grains-slash grains-slash-bold grains-slash-duotone grains-slash-fill grains-slash-light

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="M51 37.31a4 4 0 0 0-6 5.38l16.81 18.44A85 85 0 0 0 48 60a4 4 0 0 0-4 4v80a84.09 84.09 0 0 0 84 84a83.82 83.82 0 0 0 61.33-26.6L205 218.69a4 4 0 1 0 5.92-5.38Zm20.39 34.37l70.06 77.06A84.2 84.2 0 0 0 128 174.41a84.17 84.17 0 0 0-76-58.31v-48a76 76 0 0 1 19.39 3.58M124 219.9A76.11 76.11 0 0 1 52 144v-19.9a76.11 76.11 0 0 1 72 75.9Zm8 0V200a76 76 0 0 1 14.94-45.22l37 40.68A75.86 75.86 0 0 1 132 219.9m80-75.9a84.3 84.3 0 0 1-3 22.34a4 4 0 0 1-3.86 2.94a4 4 0 0 1-1.06-.14a4 4 0 0 1-2.8-4.92A76 76 0 0 0 204 144v-19.9a74.9 74.9 0 0 0-30.37 8.1a4 4 0 1 1-3.62-7.14a82.9 82.9 0 0 1 34-9v-48a76.32 76.32 0 0 0-57.59 31.35a4 4 0 1 1-6.48-4.69a84.1 84.1 0 0 1 27-24C156.88 46.53 134.48 32.28 128 28.56a103.6 103.6 0 0 0-26.45 22a4 4 0 0 1-6.11-5.17a108.1 108.1 0 0 1 30.77-25a4 4 0 0 1 3.58 0c1.32.66 31.31 16 44.33 46.75A83.9 83.9 0 0 1 208 60a4 4 0 0 1 4 4Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGrainsSlashThin(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="M51 37.31a4 4 0 0 0-6 5.38l16.81 18.44A85 85 0 0 0 48 60a4 4 0 0 0-4 4v80a84.09 84.09 0 0 0 84 84a83.82 83.82 0 0 0 61.33-26.6L205 218.69a4 4 0 1 0 5.92-5.38Zm20.39 34.37l70.06 77.06A84.2 84.2 0 0 0 128 174.41a84.17 84.17 0 0 0-76-58.31v-48a76 76 0 0 1 19.39 3.58M124 219.9A76.11 76.11 0 0 1 52 144v-19.9a76.11 76.11 0 0 1 72 75.9Zm8 0V200a76 76 0 0 1 14.94-45.22l37 40.68A75.86 75.86 0 0 1 132 219.9m80-75.9a84.3 84.3 0 0 1-3 22.34a4 4 0 0 1-3.86 2.94a4 4 0 0 1-1.06-.14a4 4 0 0 1-2.8-4.92A76 76 0 0 0 204 144v-19.9a74.9 74.9 0 0 0-30.37 8.1a4 4 0 1 1-3.62-7.14a82.9 82.9 0 0 1 34-9v-48a76.32 76.32 0 0 0-57.59 31.35a4 4 0 1 1-6.48-4.69a84.1 84.1 0 0 1 27-24C156.88 46.53 134.48 32.28 128 28.56a103.6 103.6 0 0 0-26.45 22a4 4 0 0 1-6.11-5.17a108.1 108.1 0 0 1 30.77-25a4 4 0 0 1 3.58 0c1.32.66 31.31 16 44.33 46.75A83.9 83.9 0 0 1 208 60a4 4 0 0 1 4 4Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38l16.81 18.44A85 85 0 0 0 48 60a4 4 0 0 0-4 4v80a84.09 84.09 0 0 0 84 84a83.82 83.82 0 0 0 61.33-26.6L205 218.69a4 4 0 1 0 5.92-5.38Zm20.39 34.37l70.06 77.06A84.2 84.2 0 0 0 128 174.41a84.17 84.17 0 0 0-76-58.31v-48a76 76 0 0 1 19.39 3.58M124 219.9A76.11 76.11 0 0 1 52 144v-19.9a76.11 76.11 0 0 1 72 75.9Zm8 0V200a76 76 0 0 1 14.94-45.22l37 40.68A75.86 75.86 0 0 1 132 219.9m80-75.9a84.3 84.3 0 0 1-3 22.34a4 4 0 0 1-3.86 2.94a4 4 0 0 1-1.06-.14a4 4 0 0 1-2.8-4.92A76 76 0 0 0 204 144v-19.9a74.9 74.9 0 0 0-30.37 8.1a4 4 0 1 1-3.62-7.14a82.9 82.9 0 0 1 34-9v-48a76.32 76.32 0 0 0-57.59 31.35a4 4 0 1 1-6.48-4.69a84.1 84.1 0 0 1 27-24C156.88 46.53 134.48 32.28 128 28.56a103.6 103.6 0 0 0-26.45 22a4 4 0 0 1-6.11-5.17a108.1 108.1 0 0 1 30.77-25a4 4 0 0 1 3.58 0c1.32.66 31.31 16 44.33 46.75A83.9 83.9 0 0 1 208 60a4 4 0 0 1 4 4Z"/></svg>
</template>

CSS

.icon-grains-slash-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%22M51%2037.31a4%204%200%200%200-6%205.38l16.81%2018.44A85%2085%200%200%200%2048%2060a4%204%200%200%200-4%204v80a84.09%2084.09%200%200%200%2084%2084a83.82%2083.82%200%200%200%2061.33-26.6L205%20218.69a4%204%200%201%200%205.92-5.38Zm20.39%2034.37l70.06%2077.06A84.2%2084.2%200%200%200%20128%20174.41a84.17%2084.17%200%200%200-76-58.31v-48a76%2076%200%200%201%2019.39%203.58M124%20219.9A76.11%2076.11%200%200%201%2052%20144v-19.9a76.11%2076.11%200%200%201%2072%2075.9Zm8%200V200a76%2076%200%200%201%2014.94-45.22l37%2040.68A75.86%2075.86%200%200%201%20132%20219.9m80-75.9a84.3%2084.3%200%200%201-3%2022.34a4%204%200%200%201-3.86%202.94a4%204%200%200%201-1.06-.14a4%204%200%200%201-2.8-4.92A76%2076%200%200%200%20204%20144v-19.9a74.9%2074.9%200%200%200-30.37%208.1a4%204%200%201%201-3.62-7.14a82.9%2082.9%200%200%201%2034-9v-48a76.32%2076.32%200%200%200-57.59%2031.35a4%204%200%201%201-6.48-4.69a84.1%2084.1%200%200%201%2027-24C156.88%2046.53%20134.48%2032.28%20128%2028.56a103.6%20103.6%200%200%200-26.45%2022a4%204%200%200%201-6.11-5.17a108.1%20108.1%200%200%201%2030.77-25a4%204%200%200%201%203.58%200c1.32.66%2031.31%2016%2044.33%2046.75A83.9%2083.9%200%200%201%20208%2060a4%204%200%200%201%204%204Z%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%22M51%2037.31a4%204%200%200%200-6%205.38l16.81%2018.44A85%2085%200%200%200%2048%2060a4%204%200%200%200-4%204v80a84.09%2084.09%200%200%200%2084%2084a83.82%2083.82%200%200%200%2061.33-26.6L205%20218.69a4%204%200%201%200%205.92-5.38Zm20.39%2034.37l70.06%2077.06A84.2%2084.2%200%200%200%20128%20174.41a84.17%2084.17%200%200%200-76-58.31v-48a76%2076%200%200%201%2019.39%203.58M124%20219.9A76.11%2076.11%200%200%201%2052%20144v-19.9a76.11%2076.11%200%200%201%2072%2075.9Zm8%200V200a76%2076%200%200%201%2014.94-45.22l37%2040.68A75.86%2075.86%200%200%201%20132%20219.9m80-75.9a84.3%2084.3%200%200%201-3%2022.34a4%204%200%200%201-3.86%202.94a4%204%200%200%201-1.06-.14a4%204%200%200%201-2.8-4.92A76%2076%200%200%200%20204%20144v-19.9a74.9%2074.9%200%200%200-30.37%208.1a4%204%200%201%201-3.62-7.14a82.9%2082.9%200%200%201%2034-9v-48a76.32%2076.32%200%200%200-57.59%2031.35a4%204%200%201%201-6.48-4.69a84.1%2084.1%200%200%201%2027-24C156.88%2046.53%20134.48%2032.28%20128%2028.56a103.6%20103.6%200%200%200-26.45%2022a4%204%200%200%201-6.11-5.17a108.1%20108.1%200%200%201%2030.77-25a4%204%200%200%201%203.58%200c1.32.66%2031.31%2016%2044.33%2046.75A83.9%2083.9%200%200%201%20208%2060a4%204%200%200%201%204%204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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