edge icon
edge-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- edge-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the edge icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.194 11.953c.086 1.016.67 2.215 1.946 3.278C13.317 16.212 15.353 17 17 17a7 7 0 0 0 1.669-.2a1 1 0 0 1 1.004 1.613a10 10 0 0 1-6.493 3.517C10.405 20.194 8.5 18.754 8.5 16c0-2.373.84-3.643 1.685-4.228q.001.09.01.181M4.062 10.15c1.91-1.802 3.9-2.367 5.417-2.11a3.58 3.58 0 0 1 2.178 1.234a5.2 5.2 0 0 0-1.473.278C8.177 10.22 6.5 12.388 6.5 16c0 2.537 1.2 4.264 2.771 5.621c-4.099-1.16-7.127-4.867-7.264-9.306q.09-.116.24-.293c.332-.392.9-1.01 1.815-1.873M12 2c4.76 0 8.741 3.325 9.752 7.778c.36 1.586-.113 2.827-.827 3.69a5.03 5.03 0 0 1-2.091 1.474c-.964.342-2.049.328-2.911.177a5.6 5.6 0 0 1-1.212-.346c-.309-.132-.73-.354-.991-.726a1 1 0 0 1 .11-1.277c.484-.49.707-.995.74-1.447q.015-.208-.027-.432a1 1 0 0 0-.017-.108c-.582-2.62-2.386-4.32-4.713-4.716c-2.283-.387-4.88.508-7.125 2.627l-.19.183C3.81 4.884 7.567 2 12 2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteEdgeFill(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="M10.194 11.953c.086 1.016.67 2.215 1.946 3.278C13.317 16.212 15.353 17 17 17a7 7 0 0 0 1.669-.2a1 1 0 0 1 1.004 1.613a10 10 0 0 1-6.493 3.517C10.405 20.194 8.5 18.754 8.5 16c0-2.373.84-3.643 1.685-4.228q.001.09.01.181M4.062 10.15c1.91-1.802 3.9-2.367 5.417-2.11a3.58 3.58 0 0 1 2.178 1.234a5.2 5.2 0 0 0-1.473.278C8.177 10.22 6.5 12.388 6.5 16c0 2.537 1.2 4.264 2.771 5.621c-4.099-1.16-7.127-4.867-7.264-9.306q.09-.116.24-.293c.332-.392.9-1.01 1.815-1.873M12 2c4.76 0 8.741 3.325 9.752 7.778c.36 1.586-.113 2.827-.827 3.69a5.03 5.03 0 0 1-2.091 1.474c-.964.342-2.049.328-2.911.177a5.6 5.6 0 0 1-1.212-.346c-.309-.132-.73-.354-.991-.726a1 1 0 0 1 .11-1.277c.484-.49.707-.995.74-1.447q.015-.208-.027-.432a1 1 0 0 0-.017-.108c-.582-2.62-2.386-4.32-4.713-4.716c-2.283-.387-4.88.508-7.125 2.627l-.19.183C3.81 4.884 7.567 2 12 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.194 11.953c.086 1.016.67 2.215 1.946 3.278C13.317 16.212 15.353 17 17 17a7 7 0 0 0 1.669-.2a1 1 0 0 1 1.004 1.613a10 10 0 0 1-6.493 3.517C10.405 20.194 8.5 18.754 8.5 16c0-2.373.84-3.643 1.685-4.228q.001.09.01.181M4.062 10.15c1.91-1.802 3.9-2.367 5.417-2.11a3.58 3.58 0 0 1 2.178 1.234a5.2 5.2 0 0 0-1.473.278C8.177 10.22 6.5 12.388 6.5 16c0 2.537 1.2 4.264 2.771 5.621c-4.099-1.16-7.127-4.867-7.264-9.306q.09-.116.24-.293c.332-.392.9-1.01 1.815-1.873M12 2c4.76 0 8.741 3.325 9.752 7.778c.36 1.586-.113 2.827-.827 3.69a5.03 5.03 0 0 1-2.091 1.474c-.964.342-2.049.328-2.911.177a5.6 5.6 0 0 1-1.212-.346c-.309-.132-.73-.354-.991-.726a1 1 0 0 1 .11-1.277c.484-.49.707-.995.74-1.447q.015-.208-.027-.432a1 1 0 0 0-.017-.108c-.582-2.62-2.386-4.32-4.713-4.716c-2.283-.387-4.88.508-7.125 2.627l-.19.183C3.81 4.884 7.567 2 12 2"/></svg> </template>
CSS
.icon-edge-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%20d%3D%22M10.194%2011.953c.086%201.016.67%202.215%201.946%203.278C13.317%2016.212%2015.353%2017%2017%2017a7%207%200%200%200%201.669-.2a1%201%200%200%201%201.004%201.613a10%2010%200%200%201-6.493%203.517C10.405%2020.194%208.5%2018.754%208.5%2016c0-2.373.84-3.643%201.685-4.228q.001.09.01.181M4.062%2010.15c1.91-1.802%203.9-2.367%205.417-2.11a3.58%203.58%200%200%201%202.178%201.234a5.2%205.2%200%200%200-1.473.278C8.177%2010.22%206.5%2012.388%206.5%2016c0%202.537%201.2%204.264%202.771%205.621c-4.099-1.16-7.127-4.867-7.264-9.306q.09-.116.24-.293c.332-.392.9-1.01%201.815-1.873M12%202c4.76%200%208.741%203.325%209.752%207.778c.36%201.586-.113%202.827-.827%203.69a5.03%205.03%200%200%201-2.091%201.474c-.964.342-2.049.328-2.911.177a5.6%205.6%200%200%201-1.212-.346c-.309-.132-.73-.354-.991-.726a1%201%200%200%201%20.11-1.277c.484-.49.707-.995.74-1.447q.015-.208-.027-.432a1%201%200%200%200-.017-.108c-.582-2.62-2.386-4.32-4.713-4.716c-2.283-.387-4.88.508-7.125%202.627l-.19.183C3.81%204.884%207.567%202%2012%202%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%22M10.194%2011.953c.086%201.016.67%202.215%201.946%203.278C13.317%2016.212%2015.353%2017%2017%2017a7%207%200%200%200%201.669-.2a1%201%200%200%201%201.004%201.613a10%2010%200%200%201-6.493%203.517C10.405%2020.194%208.5%2018.754%208.5%2016c0-2.373.84-3.643%201.685-4.228q.001.09.01.181M4.062%2010.15c1.91-1.802%203.9-2.367%205.417-2.11a3.58%203.58%200%200%201%202.178%201.234a5.2%205.2%200%200%200-1.473.278C8.177%2010.22%206.5%2012.388%206.5%2016c0%202.537%201.2%204.264%202.771%205.621c-4.099-1.16-7.127-4.867-7.264-9.306q.09-.116.24-.293c.332-.392.9-1.01%201.815-1.873M12%202c4.76%200%208.741%203.325%209.752%207.778c.36%201.586-.113%202.827-.827%203.69a5.03%205.03%200%200%201-2.091%201.474c-.964.342-2.049.328-2.911.177a5.6%205.6%200%200%201-1.212-.346c-.309-.132-.73-.354-.991-.726a1%201%200%200%201%20.11-1.277c.484-.49.707-.995.74-1.447q.015-.208-.027-.432a1%201%200%200%200-.017-.108c-.582-2.62-2.386-4.32-4.713-4.716c-2.283-.387-4.88.508-7.125%202.627l-.19.183C3.81%204.884%207.567%202%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/edge-fill.svg?color=%231a73e8&size=48
