forbidden icon
forbidden-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- forbidden-filled
- Set
- Reicon
- Style
- Filled
- 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"><path fill="currentColor" d="M22 13.151V10.85c0-1.226 0-1.84-.228-2.39c-.229-.552-.662-.986-1.53-1.853l-.893-.894L5.712 19.348l.894.895c.867.867 1.3 1.3 1.852 1.529s1.165.228 2.39.228h2.303c1.226 0 1.84 0 2.39-.228c.552-.229.986-.662 1.853-1.53l2.849-2.848c.867-.867 1.3-1.3 1.529-1.852c.228-.551.228-1.165.228-2.39M4.651 18.288l-.894-.894c-.867-.867-1.3-1.3-1.529-1.852S2 14.377 2 13.152v-2.303c0-1.226 0-1.84.228-2.39c.229-.552.662-.986 1.53-1.853l2.848-2.849c.867-.867 1.3-1.3 1.852-1.529S9.623 2 10.848 2h2.303c1.226 0 1.84 0 2.39.228c.552.229.986.662 1.853 1.53l.894.893z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconForbiddenFilled(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" d="M22 13.151V10.85c0-1.226 0-1.84-.228-2.39c-.229-.552-.662-.986-1.53-1.853l-.893-.894L5.712 19.348l.894.895c.867.867 1.3 1.3 1.852 1.529s1.165.228 2.39.228h2.303c1.226 0 1.84 0 2.39-.228c.552-.229.986-.662 1.853-1.53l2.849-2.848c.867-.867 1.3-1.3 1.529-1.852c.228-.551.228-1.165.228-2.39M4.651 18.288l-.894-.894c-.867-.867-1.3-1.3-1.529-1.852S2 14.377 2 13.152v-2.303c0-1.226 0-1.84.228-2.39c.229-.552.662-.986 1.53-1.853l2.848-2.849c.867-.867 1.3-1.3 1.852-1.529S9.623 2 10.848 2h2.303c1.226 0 1.84 0 2.39.228c.552.229.986.662 1.853 1.53l.894.893z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 13.151V10.85c0-1.226 0-1.84-.228-2.39c-.229-.552-.662-.986-1.53-1.853l-.893-.894L5.712 19.348l.894.895c.867.867 1.3 1.3 1.852 1.529s1.165.228 2.39.228h2.303c1.226 0 1.84 0 2.39-.228c.552-.229.986-.662 1.853-1.53l2.849-2.848c.867-.867 1.3-1.3 1.529-1.852c.228-.551.228-1.165.228-2.39M4.651 18.288l-.894-.894c-.867-.867-1.3-1.3-1.529-1.852S2 14.377 2 13.152v-2.303c0-1.226 0-1.84.228-2.39c.229-.552.662-.986 1.53-1.853l2.848-2.849c.867-.867 1.3-1.3 1.852-1.529S9.623 2 10.848 2h2.303c1.226 0 1.84 0 2.39.228c.552.229.986.662 1.853 1.53l.894.893z"/></svg> </template>
CSS
.icon-forbidden-filled {
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%20d%3D%22M22%2013.151V10.85c0-1.226%200-1.84-.228-2.39c-.229-.552-.662-.986-1.53-1.853l-.893-.894L5.712%2019.348l.894.895c.867.867%201.3%201.3%201.852%201.529s1.165.228%202.39.228h2.303c1.226%200%201.84%200%202.39-.228c.552-.229.986-.662%201.853-1.53l2.849-2.848c.867-.867%201.3-1.3%201.529-1.852c.228-.551.228-1.165.228-2.39M4.651%2018.288l-.894-.894c-.867-.867-1.3-1.3-1.529-1.852S2%2014.377%202%2013.152v-2.303c0-1.226%200-1.84.228-2.39c.229-.552.662-.986%201.53-1.853l2.848-2.849c.867-.867%201.3-1.3%201.852-1.529S9.623%202%2010.848%202h2.303c1.226%200%201.84%200%202.39.228c.552.229.986.662%201.853%201.53l.894.893z%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%20d%3D%22M22%2013.151V10.85c0-1.226%200-1.84-.228-2.39c-.229-.552-.662-.986-1.53-1.853l-.893-.894L5.712%2019.348l.894.895c.867.867%201.3%201.3%201.852%201.529s1.165.228%202.39.228h2.303c1.226%200%201.84%200%202.39-.228c.552-.229.986-.662%201.853-1.53l2.849-2.848c.867-.867%201.3-1.3%201.529-1.852c.228-.551.228-1.165.228-2.39M4.651%2018.288l-.894-.894c-.867-.867-1.3-1.3-1.529-1.852S2%2014.377%202%2013.152v-2.303c0-1.226%200-1.84.228-2.39c.229-.552.662-.986%201.53-1.853l2.848-2.849c.867-.867%201.3-1.3%201.852-1.529S9.623%202%2010.848%202h2.303c1.226%200%201.84%200%202.39.228c.552.229.986.662%201.853%201.53l.894.893z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/forbidden-filled.svg?color=%231a73e8&size=48
