forbidden icon
forbidden-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.
- Name
- forbidden-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More ui icons from Reicon
Use the forbidden icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m3.757 17.394l1.425 1.424l1.424 1.425c.868.867 1.301 1.3 1.852 1.529S9.623 22 10.85 22h2.302c1.226 0 1.84 0 2.391-.228c.551-.229.985-.662 1.852-1.53l2.849-2.848c.867-.867 1.3-1.3 1.529-1.852c.228-.551.228-1.165.228-2.39v-2.303c0-1.226 0-1.84-.228-2.39c-.228-.552-.662-.986-1.53-1.853l-1.424-1.424l-1.424-1.425c-.867-.867-1.3-1.3-1.852-1.529C14.99 2 14.377 2 13.152 2h-2.303c-1.226 0-1.84 0-2.39.228c-.552.229-.986.662-1.853 1.53L3.757 6.605c-.867.867-1.3 1.3-1.529 1.852S2 9.623 2 10.848v2.303c0 1.226 0 1.84.228 2.39c.229.552.662.986 1.53 1.853" opacity=".5"/><path stroke="currentColor" stroke-width="1.5" d="M18.818 5.182L5.182 18.818"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconForbiddenDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m3.757 17.394l1.425 1.424l1.424 1.425c.868.867 1.301 1.3 1.852 1.529S9.623 22 10.85 22h2.302c1.226 0 1.84 0 2.391-.228c.551-.229.985-.662 1.852-1.53l2.849-2.848c.867-.867 1.3-1.3 1.529-1.852c.228-.551.228-1.165.228-2.39v-2.303c0-1.226 0-1.84-.228-2.39c-.228-.552-.662-.986-1.53-1.853l-1.424-1.424l-1.424-1.425c-.867-.867-1.3-1.3-1.852-1.529C14.99 2 14.377 2 13.152 2h-2.303c-1.226 0-1.84 0-2.39.228c-.552.229-.986.662-1.853 1.53L3.757 6.605c-.867.867-1.3 1.3-1.529 1.852S2 9.623 2 10.848v2.303c0 1.226 0 1.84.228 2.39c.229.552.662.986 1.53 1.853" opacity=".5"/><path stroke="currentColor" strokeWidth="1.5" d="M18.818 5.182L5.182 18.818"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m3.757 17.394l1.425 1.424l1.424 1.425c.868.867 1.301 1.3 1.852 1.529S9.623 22 10.85 22h2.302c1.226 0 1.84 0 2.391-.228c.551-.229.985-.662 1.852-1.53l2.849-2.848c.867-.867 1.3-1.3 1.529-1.852c.228-.551.228-1.165.228-2.39v-2.303c0-1.226 0-1.84-.228-2.39c-.228-.552-.662-.986-1.53-1.853l-1.424-1.424l-1.424-1.425c-.867-.867-1.3-1.3-1.852-1.529C14.99 2 14.377 2 13.152 2h-2.303c-1.226 0-1.84 0-2.39.228c-.552.229-.986.662-1.853 1.53L3.757 6.605c-.867.867-1.3 1.3-1.529 1.852S2 9.623 2 10.848v2.303c0 1.226 0 1.84.228 2.39c.229.552.662.986 1.53 1.853" opacity=".5"/><path stroke="currentColor" stroke-width="1.5" d="M18.818 5.182L5.182 18.818"/></g></svg> </template>
CSS
.icon-forbidden-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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.757%2017.394l1.425%201.424l1.424%201.425c.868.867%201.301%201.3%201.852%201.529S9.623%2022%2010.85%2022h2.302c1.226%200%201.84%200%202.391-.228c.551-.229.985-.662%201.852-1.53l2.849-2.848c.867-.867%201.3-1.3%201.529-1.852c.228-.551.228-1.165.228-2.39v-2.303c0-1.226%200-1.84-.228-2.39c-.228-.552-.662-.986-1.53-1.853l-1.424-1.424l-1.424-1.425c-.867-.867-1.3-1.3-1.852-1.529C14.99%202%2014.377%202%2013.152%202h-2.303c-1.226%200-1.84%200-2.39.228c-.552.229-.986.662-1.853%201.53L3.757%206.605c-.867.867-1.3%201.3-1.529%201.852S2%209.623%202%2010.848v2.303c0%201.226%200%201.84.228%202.39c.229.552.662.986%201.53%201.853%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M18.818%205.182L5.182%2018.818%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.757%2017.394l1.425%201.424l1.424%201.425c.868.867%201.301%201.3%201.852%201.529S9.623%2022%2010.85%2022h2.302c1.226%200%201.84%200%202.391-.228c.551-.229.985-.662%201.852-1.53l2.849-2.848c.867-.867%201.3-1.3%201.529-1.852c.228-.551.228-1.165.228-2.39v-2.303c0-1.226%200-1.84-.228-2.39c-.228-.552-.662-.986-1.53-1.853l-1.424-1.424l-1.424-1.425c-.867-.867-1.3-1.3-1.852-1.529C14.99%202%2014.377%202%2013.152%202h-2.303c-1.226%200-1.84%200-2.39.228c-.552.229-.986.662-1.853%201.53L3.757%206.605c-.867.867-1.3%201.3-1.529%201.852S2%209.623%202%2010.848v2.303c0%201.226%200%201.84.228%202.39c.229.552.662.986%201.53%201.853%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M18.818%205.182L5.182%2018.818%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/forbidden-duotone.svg?color=%231a73e8&size=48
