ban icon
ban-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- ban-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the ban 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="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM5.636 5.636C5.4485 5.8236 5.3431 6.0779 5.3431 6.3431C5.3431 6.6084 5.4485 6.8627 5.636 7.0502L16.9498 18.364C17.1373 18.5515 17.3916 18.6569 17.6569 18.6569C17.9221 18.6569 18.1764 18.5515 18.364 18.364C18.5515 18.1764 18.6569 17.9221 18.6569 17.6569C18.6569 17.3916 18.5515 17.1373 18.364 16.9498L7.0502 5.636C6.8627 5.4485 6.6084 5.3431 6.3431 5.3431C6.0779 5.3431 5.8236 5.4485 5.636 5.636Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsBanFill(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="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM5.636 5.636C5.4485 5.8236 5.3431 6.0779 5.3431 6.3431C5.3431 6.6084 5.4485 6.8627 5.636 7.0502L16.9498 18.364C17.1373 18.5515 17.3916 18.6569 17.6569 18.6569C17.9221 18.6569 18.1764 18.5515 18.364 18.364C18.5515 18.1764 18.6569 17.9221 18.6569 17.6569C18.6569 17.3916 18.5515 17.1373 18.364 16.9498L7.0502 5.636C6.8627 5.4485 6.6084 5.3431 6.3431 5.3431C6.0779 5.3431 5.8236 5.4485 5.636 5.636Z" 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="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM5.636 5.636C5.4485 5.8236 5.3431 6.0779 5.3431 6.3431C5.3431 6.6084 5.4485 6.8627 5.636 7.0502L16.9498 18.364C17.1373 18.5515 17.3916 18.6569 17.6569 18.6569C17.9221 18.6569 18.1764 18.5515 18.364 18.364C18.5515 18.1764 18.6569 17.9221 18.6569 17.6569C18.6569 17.3916 18.5515 17.1373 18.364 16.9498L7.0502 5.636C6.8627 5.4485 6.6084 5.3431 6.3431 5.3431C6.0779 5.3431 5.8236 5.4485 5.636 5.636Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ban-fill {
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%22M12%201C18.0753%201%2023%205.9247%2023%2012C23%2018.0753%2018.0753%2023%2012%2023C5.9247%2023%201%2018.0753%201%2012C1%205.9247%205.9247%201%2012%201ZM5.636%205.636C5.4485%205.8236%205.3431%206.0779%205.3431%206.3431C5.3431%206.6084%205.4485%206.8627%205.636%207.0502L16.9498%2018.364C17.1373%2018.5515%2017.3916%2018.6569%2017.6569%2018.6569C17.9221%2018.6569%2018.1764%2018.5515%2018.364%2018.364C18.5515%2018.1764%2018.6569%2017.9221%2018.6569%2017.6569C18.6569%2017.3916%2018.5515%2017.1373%2018.364%2016.9498L7.0502%205.636C6.8627%205.4485%206.6084%205.3431%206.3431%205.3431C6.0779%205.3431%205.8236%205.4485%205.636%205.636Z%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%22M12%201C18.0753%201%2023%205.9247%2023%2012C23%2018.0753%2018.0753%2023%2012%2023C5.9247%2023%201%2018.0753%201%2012C1%205.9247%205.9247%201%2012%201ZM5.636%205.636C5.4485%205.8236%205.3431%206.0779%205.3431%206.3431C5.3431%206.6084%205.4485%206.8627%205.636%207.0502L16.9498%2018.364C17.1373%2018.5515%2017.3916%2018.6569%2017.6569%2018.6569C17.9221%2018.6569%2018.1764%2018.5515%2018.364%2018.364C18.5515%2018.1764%2018.6569%2017.9221%2018.6569%2017.6569C18.6569%2017.3916%2018.5515%2017.1373%2018.364%2016.9498L7.0502%205.636C6.8627%205.4485%206.6084%205.3431%206.3431%205.3431C6.0779%205.3431%205.8236%205.4485%205.636%205.636Z%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/keyline-icons/ban-fill.svg?color=%231a73e8&size=48
