grains slash icon
grains-slash-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- grains-slash-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the grains slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 64v56a80 80 0 0 0-80 80a80 80 0 0 0-80-80V64a79.7 79.7 0 0 1 36.05 8.59C95.62 40.19 128 24 128 24s32.39 16.19 44 48.58A79.6 79.6 0 0 1 208 64" opacity=".2"/><path 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 88 0 0 0 149.21 63.22l12.87 14.16a8 8 0 1 0 11.84-10.76ZM120 215.56A72.1 72.1 0 0 1 56 144v-15.56A72.1 72.1 0 0 1 120 200ZM56 112.37V72.44a71.3 71.3 0 0 1 13.18 2.75L136.29 149a88 88 0 0 0-8.29 14.37a88.16 88.16 0 0 0-72-51m80 103.19V200a72.1 72.1 0 0 1 11.36-38.81l31.08 34.19A71.85 71.85 0 0 1 136 215.56M216 64v80a88 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.2a99.8 99.8 0 0 0-23.4 19.94a8 8 0 0 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 8"/></g></svg>
React
import type { SVGProps } from "react";
export function PhGrainsSlashDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 64v56a80 80 0 0 0-80 80a80 80 0 0 0-80-80V64a79.7 79.7 0 0 1 36.05 8.59C95.62 40.19 128 24 128 24s32.39 16.19 44 48.58A79.6 79.6 0 0 1 208 64" opacity=".2"/><path 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 88 0 0 0 149.21 63.22l12.87 14.16a8 8 0 1 0 11.84-10.76ZM120 215.56A72.1 72.1 0 0 1 56 144v-15.56A72.1 72.1 0 0 1 120 200ZM56 112.37V72.44a71.3 71.3 0 0 1 13.18 2.75L136.29 149a88 88 0 0 0-8.29 14.37a88.16 88.16 0 0 0-72-51m80 103.19V200a72.1 72.1 0 0 1 11.36-38.81l31.08 34.19A71.85 71.85 0 0 1 136 215.56M216 64v80a88 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.2a99.8 99.8 0 0 0-23.4 19.94a8 8 0 0 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 8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 64v56a80 80 0 0 0-80 80a80 80 0 0 0-80-80V64a79.7 79.7 0 0 1 36.05 8.59C95.62 40.19 128 24 128 24s32.39 16.19 44 48.58A79.6 79.6 0 0 1 208 64" opacity=".2"/><path 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 88 0 0 0 149.21 63.22l12.87 14.16a8 8 0 1 0 11.84-10.76ZM120 215.56A72.1 72.1 0 0 1 56 144v-15.56A72.1 72.1 0 0 1 120 200ZM56 112.37V72.44a71.3 71.3 0 0 1 13.18 2.75L136.29 149a88 88 0 0 0-8.29 14.37a88.16 88.16 0 0 0-72-51m80 103.19V200a72.1 72.1 0 0 1 11.36-38.81l31.08 34.19A71.85 71.85 0 0 1 136 215.56M216 64v80a88 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.2a99.8 99.8 0 0 0-23.4 19.94a8 8 0 0 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 8"/></g></svg> </template>
CSS
.icon-grains-slash-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2064v56a80%2080%200%200%200-80%2080a80%2080%200%200%200-80-80V64a79.7%2079.7%200%200%201%2036.05%208.59C95.62%2040.19%20128%2024%20128%2024s32.39%2016.19%2044%2048.58A79.6%2079.6%200%200%201%20208%2064%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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%2088%200%200%200%20149.21%2063.22l12.87%2014.16a8%208%200%201%200%2011.84-10.76ZM120%20215.56A72.1%2072.1%200%200%201%2056%20144v-15.56A72.1%2072.1%200%200%201%20120%20200ZM56%20112.37V72.44a71.3%2071.3%200%200%201%2013.18%202.75L136.29%20149a88%2088%200%200%200-8.29%2014.37a88.16%2088.16%200%200%200-72-51m80%20103.19V200a72.1%2072.1%200%200%201%2011.36-38.81l31.08%2034.19A71.85%2071.85%200%200%201%20136%20215.56M216%2064v80a88%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.2a99.8%2099.8%200%200%200-23.4%2019.94a8%208%200%200%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%208%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2064v56a80%2080%200%200%200-80%2080a80%2080%200%200%200-80-80V64a79.7%2079.7%200%200%201%2036.05%208.59C95.62%2040.19%20128%2024%20128%2024s32.39%2016.19%2044%2048.58A79.6%2079.6%200%200%201%20208%2064%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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%2088%200%200%200%20149.21%2063.22l12.87%2014.16a8%208%200%201%200%2011.84-10.76ZM120%20215.56A72.1%2072.1%200%200%201%2056%20144v-15.56A72.1%2072.1%200%200%201%20120%20200ZM56%20112.37V72.44a71.3%2071.3%200%200%201%2013.18%202.75L136.29%20149a88%2088%200%200%200-8.29%2014.37a88.16%2088.16%200%200%200-72-51m80%20103.19V200a72.1%2072.1%200%200%201%2011.36-38.81l31.08%2034.19A71.85%2071.85%200%200%201%20136%20215.56M216%2064v80a88%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.2a99.8%2099.8%200%200%200-23.4%2019.94a8%208%200%200%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%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/grains-slash-duotone.svg?color=%231a73e8&size=48
