signal slash icon
signal-slash-solid from HeroIcons by Refactoring UI Inc · Solid 24x24 · MIT Free for personal and commercial use.
- Name
- signal-slash-solid
- Set
- HeroIcons
- Style
- Solid 24x24
- Viewbox
- 24×24
- License
- MIT
3 other variants in HeroIcons
Use the signal slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.47 2.47a.75.75 0 0 1 1.06 0l8.407 8.407l.063-.002a1.125 1.125 0 0 1 1.123 1.188l1.462 1.461a3 3 0 0 0-.464-3.645a.75.75 0 1 1 1.061-1.061a4.5 4.5 0 0 1 .486 5.79l1.072 1.072a6 6 0 0 0-.497-7.923a.75.75 0 0 1 1.06-1.06a7.5 7.5 0 0 1 .505 10.05l1.064 1.065a9 9 0 0 0-.508-12.176a.75.75 0 0 1 1.06-1.06c3.923 3.922 4.093 10.175.512 14.3l1.594 1.594a.75.75 0 1 1-1.06 1.06l-2.106-2.105l-2.121-2.122h-.001l-4.705-4.706a.8.8 0 0 1-.127-.126L2.47 3.53a.75.75 0 0 1 0-1.061m1.189 4.422a.75.75 0 0 1 .326 1.01a9 9 0 0 0 1.651 10.462a.75.75 0 1 1-1.06 1.06C1.27 16.12.63 11.165 2.648 7.219a.75.75 0 0 1 1.01-.326M5.84 9.134a.75.75 0 0 1 .472.95a6 6 0 0 0 1.444 6.159a.75.75 0 0 1-1.06 1.06A7.5 7.5 0 0 1 4.89 9.606a.75.75 0 0 1 .95-.472m2.341 2.653a.75.75 0 0 1 .848.638c.088.62.37 1.218.849 1.696a.75.75 0 0 1-1.061 1.061a4.5 4.5 0 0 1-1.273-2.546a.75.75 0 0 1 .637-.848" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsSignalSlashSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M2.47 2.47a.75.75 0 0 1 1.06 0l8.407 8.407l.063-.002a1.125 1.125 0 0 1 1.123 1.188l1.462 1.461a3 3 0 0 0-.464-3.645a.75.75 0 1 1 1.061-1.061a4.5 4.5 0 0 1 .486 5.79l1.072 1.072a6 6 0 0 0-.497-7.923a.75.75 0 0 1 1.06-1.06a7.5 7.5 0 0 1 .505 10.05l1.064 1.065a9 9 0 0 0-.508-12.176a.75.75 0 0 1 1.06-1.06c3.923 3.922 4.093 10.175.512 14.3l1.594 1.594a.75.75 0 1 1-1.06 1.06l-2.106-2.105l-2.121-2.122h-.001l-4.705-4.706a.8.8 0 0 1-.127-.126L2.47 3.53a.75.75 0 0 1 0-1.061m1.189 4.422a.75.75 0 0 1 .326 1.01a9 9 0 0 0 1.651 10.462a.75.75 0 1 1-1.06 1.06C1.27 16.12.63 11.165 2.648 7.219a.75.75 0 0 1 1.01-.326M5.84 9.134a.75.75 0 0 1 .472.95a6 6 0 0 0 1.444 6.159a.75.75 0 0 1-1.06 1.06A7.5 7.5 0 0 1 4.89 9.606a.75.75 0 0 1 .95-.472m2.341 2.653a.75.75 0 0 1 .848.638c.088.62.37 1.218.849 1.696a.75.75 0 0 1-1.061 1.061a4.5 4.5 0 0 1-1.273-2.546a.75.75 0 0 1 .637-.848" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.47 2.47a.75.75 0 0 1 1.06 0l8.407 8.407l.063-.002a1.125 1.125 0 0 1 1.123 1.188l1.462 1.461a3 3 0 0 0-.464-3.645a.75.75 0 1 1 1.061-1.061a4.5 4.5 0 0 1 .486 5.79l1.072 1.072a6 6 0 0 0-.497-7.923a.75.75 0 0 1 1.06-1.06a7.5 7.5 0 0 1 .505 10.05l1.064 1.065a9 9 0 0 0-.508-12.176a.75.75 0 0 1 1.06-1.06c3.923 3.922 4.093 10.175.512 14.3l1.594 1.594a.75.75 0 1 1-1.06 1.06l-2.106-2.105l-2.121-2.122h-.001l-4.705-4.706a.8.8 0 0 1-.127-.126L2.47 3.53a.75.75 0 0 1 0-1.061m1.189 4.422a.75.75 0 0 1 .326 1.01a9 9 0 0 0 1.651 10.462a.75.75 0 1 1-1.06 1.06C1.27 16.12.63 11.165 2.648 7.219a.75.75 0 0 1 1.01-.326M5.84 9.134a.75.75 0 0 1 .472.95a6 6 0 0 0 1.444 6.159a.75.75 0 0 1-1.06 1.06A7.5 7.5 0 0 1 4.89 9.606a.75.75 0 0 1 .95-.472m2.341 2.653a.75.75 0 0 1 .848.638c.088.62.37 1.218.849 1.696a.75.75 0 0 1-1.061 1.061a4.5 4.5 0 0 1-1.273-2.546a.75.75 0 0 1 .637-.848" clip-rule="evenodd"/></svg> </template>
CSS
.icon-signal-slash-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.47%202.47a.75.75%200%200%201%201.06%200l8.407%208.407l.063-.002a1.125%201.125%200%200%201%201.123%201.188l1.462%201.461a3%203%200%200%200-.464-3.645a.75.75%200%201%201%201.061-1.061a4.5%204.5%200%200%201%20.486%205.79l1.072%201.072a6%206%200%200%200-.497-7.923a.75.75%200%200%201%201.06-1.06a7.5%207.5%200%200%201%20.505%2010.05l1.064%201.065a9%209%200%200%200-.508-12.176a.75.75%200%200%201%201.06-1.06c3.923%203.922%204.093%2010.175.512%2014.3l1.594%201.594a.75.75%200%201%201-1.06%201.06l-2.106-2.105l-2.121-2.122h-.001l-4.705-4.706a.8.8%200%200%201-.127-.126L2.47%203.53a.75.75%200%200%201%200-1.061m1.189%204.422a.75.75%200%200%201%20.326%201.01a9%209%200%200%200%201.651%2010.462a.75.75%200%201%201-1.06%201.06C1.27%2016.12.63%2011.165%202.648%207.219a.75.75%200%200%201%201.01-.326M5.84%209.134a.75.75%200%200%201%20.472.95a6%206%200%200%200%201.444%206.159a.75.75%200%200%201-1.06%201.06A7.5%207.5%200%200%201%204.89%209.606a.75.75%200%200%201%20.95-.472m2.341%202.653a.75.75%200%200%201%20.848.638c.088.62.37%201.218.849%201.696a.75.75%200%200%201-1.061%201.061a4.5%204.5%200%200%201-1.273-2.546a.75.75%200%200%201%20.637-.848%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.47%202.47a.75.75%200%200%201%201.06%200l8.407%208.407l.063-.002a1.125%201.125%200%200%201%201.123%201.188l1.462%201.461a3%203%200%200%200-.464-3.645a.75.75%200%201%201%201.061-1.061a4.5%204.5%200%200%201%20.486%205.79l1.072%201.072a6%206%200%200%200-.497-7.923a.75.75%200%200%201%201.06-1.06a7.5%207.5%200%200%201%20.505%2010.05l1.064%201.065a9%209%200%200%200-.508-12.176a.75.75%200%200%201%201.06-1.06c3.923%203.922%204.093%2010.175.512%2014.3l1.594%201.594a.75.75%200%201%201-1.06%201.06l-2.106-2.105l-2.121-2.122h-.001l-4.705-4.706a.8.8%200%200%201-.127-.126L2.47%203.53a.75.75%200%200%201%200-1.061m1.189%204.422a.75.75%200%200%201%20.326%201.01a9%209%200%200%200%201.651%2010.462a.75.75%200%201%201-1.06%201.06C1.27%2016.12.63%2011.165%202.648%207.219a.75.75%200%200%201%201.01-.326M5.84%209.134a.75.75%200%200%201%20.472.95a6%206%200%200%200%201.444%206.159a.75.75%200%200%201-1.06%201.06A7.5%207.5%200%200%201%204.89%209.606a.75.75%200%200%201%20.95-.472m2.341%202.653a.75.75%200%200%201%20.848.638c.088.62.37%201.218.849%201.696a.75.75%200%200%201-1.061%201.061a4.5%204.5%200%200%201-1.273-2.546a.75.75%200%200%201%20.637-.848%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/signal-slash-solid.svg?color=%231a73e8&size=48
