edge icon
edge-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- edge-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.78 9.22c1.186 1.38.996 3.006-.241 4.254C14.907 14 17 14.532 18.5 14c.809-.287 2.844-1.5 2.277-4a9.003 9.003 0 0 0-17.402-.578C6.783 6.65 10.54 5.905 14 8.5q.459.345.78.72m-4.063-.534c-2.212 1.587-2.1 4.912.783 7.314c1.348 1.124 3.608 2 5.5 2c.657 0 1.295-.08 1.906-.229A8.98 8.98 0 0 1 12 21a9 9 0 0 1-2.018-.227A9.003 9.003 0 0 1 3.375 9.422m6.607 11.35C8.208 19.318 7 17.27 7 15c0-3 1.57-5.285 3-6q.36-.18.717-.314m4.063.534c-1.02-1.18-2.78-1.45-4.063-.534"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteEdgeLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M14.78 9.22c1.186 1.38.996 3.006-.241 4.254C14.907 14 17 14.532 18.5 14c.809-.287 2.844-1.5 2.277-4a9.003 9.003 0 0 0-17.402-.578C6.783 6.65 10.54 5.905 14 8.5q.459.345.78.72m-4.063-.534c-2.212 1.587-2.1 4.912.783 7.314c1.348 1.124 3.608 2 5.5 2c.657 0 1.295-.08 1.906-.229A8.98 8.98 0 0 1 12 21a9 9 0 0 1-2.018-.227A9.003 9.003 0 0 1 3.375 9.422m6.607 11.35C8.208 19.318 7 17.27 7 15c0-3 1.57-5.285 3-6q.36-.18.717-.314m4.063.534c-1.02-1.18-2.78-1.45-4.063-.534"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.78 9.22c1.186 1.38.996 3.006-.241 4.254C14.907 14 17 14.532 18.5 14c.809-.287 2.844-1.5 2.277-4a9.003 9.003 0 0 0-17.402-.578C6.783 6.65 10.54 5.905 14 8.5q.459.345.78.72m-4.063-.534c-2.212 1.587-2.1 4.912.783 7.314c1.348 1.124 3.608 2 5.5 2c.657 0 1.295-.08 1.906-.229A8.98 8.98 0 0 1 12 21a9 9 0 0 1-2.018-.227A9.003 9.003 0 0 1 3.375 9.422m6.607 11.35C8.208 19.318 7 17.27 7 15c0-3 1.57-5.285 3-6q.36-.18.717-.314m4.063.534c-1.02-1.18-2.78-1.45-4.063-.534"/></svg> </template>
CSS
.icon-edge-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M14.78%209.22c1.186%201.38.996%203.006-.241%204.254C14.907%2014%2017%2014.532%2018.5%2014c.809-.287%202.844-1.5%202.277-4a9.003%209.003%200%200%200-17.402-.578C6.783%206.65%2010.54%205.905%2014%208.5q.459.345.78.72m-4.063-.534c-2.212%201.587-2.1%204.912.783%207.314c1.348%201.124%203.608%202%205.5%202c.657%200%201.295-.08%201.906-.229A8.98%208.98%200%200%201%2012%2021a9%209%200%200%201-2.018-.227A9.003%209.003%200%200%201%203.375%209.422m6.607%2011.35C8.208%2019.318%207%2017.27%207%2015c0-3%201.57-5.285%203-6q.36-.18.717-.314m4.063.534c-1.02-1.18-2.78-1.45-4.063-.534%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M14.78%209.22c1.186%201.38.996%203.006-.241%204.254C14.907%2014%2017%2014.532%2018.5%2014c.809-.287%202.844-1.5%202.277-4a9.003%209.003%200%200%200-17.402-.578C6.783%206.65%2010.54%205.905%2014%208.5q.459.345.78.72m-4.063-.534c-2.212%201.587-2.1%204.912.783%207.314c1.348%201.124%203.608%202%205.5%202c.657%200%201.295-.08%201.906-.229A8.98%208.98%200%200%201%2012%2021a9%209%200%200%201-2.018-.227A9.003%209.003%200%200%201%203.375%209.422m6.607%2011.35C8.208%2019.318%207%2017.27%207%2015c0-3%201.57-5.285%203-6q.36-.18.717-.314m4.063.534c-1.02-1.18-2.78-1.45-4.063-.534%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/edge-line.svg?color=%231a73e8&size=48
