edge icon
edge-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.
- Name
- edge-outline
- Set
- Teenyicons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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 15 15"><path fill="none" stroke="currentColor" d="M4.875 3.79C2.512 3.79.526 5.402.5 7.4a7 7 0 0 1 7-6.9c2.72 0 5.22 1.304 6.38 3.57c.182.361.634 1.176.62 2.401a3.36 3.36 0 0 1-1.664 2.892a3.26 3.26 0 0 1-1.656.457c-.003 0-1.486.072-2.272-.475c-.165-.115-.258-.252-.258-.395c0-.173.136-.252.18-.31c.277-.36.427-.795.427-1.088s-.06-1.031-.399-1.615M4.875 3.79c.191 0 1.283.019 2.296.55c.894.47 1.362 1.037 1.687 1.598M4.875 3.79C2.69 3.79.827 5.17.538 6.958a3 3 0 0 0-.032.451a7 7 0 0 0 9.214 6.732c-.57.18-1.172.234-1.765.159m.903-8.363c.292.503.377 1.12.395 1.47a1.77 1.77 0 0 0-1.75-1.652c-.373-.008-.657.127-.83.208l-.02.01a4.4 4.4 0 0 0-1.49 1.194M7.956 14.3a4.1 4.1 0 0 1-1.668-.596l-.005-.002c-.488-.303-.91-.7-1.244-1.167a4.414 4.414 0 0 1 .126-5.368m2.79 7.133a4.1 4.1 0 0 0 1.275-.037c.179-.038.347-.08.483-.124l.072-.024a7.02 7.02 0 0 0 3.642-2.887a.219.219 0 0 0-.291-.309a5 5 0 0 1-.577.258a5.6 5.6 0 0 1-1.963.353c-2.587 0-4.841-1.78-4.841-4.064a1.72 1.72 0 0 1 .895-1.492a4.4 4.4 0 0 0-1.486 1.193m4.091.3v.018m0 0Z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsEdgeOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M4.875 3.79C2.512 3.79.526 5.402.5 7.4a7 7 0 0 1 7-6.9c2.72 0 5.22 1.304 6.38 3.57c.182.361.634 1.176.62 2.401a3.36 3.36 0 0 1-1.664 2.892a3.26 3.26 0 0 1-1.656.457c-.003 0-1.486.072-2.272-.475c-.165-.115-.258-.252-.258-.395c0-.173.136-.252.18-.31c.277-.36.427-.795.427-1.088s-.06-1.031-.399-1.615M4.875 3.79c.191 0 1.283.019 2.296.55c.894.47 1.362 1.037 1.687 1.598M4.875 3.79C2.69 3.79.827 5.17.538 6.958a3 3 0 0 0-.032.451a7 7 0 0 0 9.214 6.732c-.57.18-1.172.234-1.765.159m.903-8.363c.292.503.377 1.12.395 1.47a1.77 1.77 0 0 0-1.75-1.652c-.373-.008-.657.127-.83.208l-.02.01a4.4 4.4 0 0 0-1.49 1.194M7.956 14.3a4.1 4.1 0 0 1-1.668-.596l-.005-.002c-.488-.303-.91-.7-1.244-1.167a4.414 4.414 0 0 1 .126-5.368m2.79 7.133a4.1 4.1 0 0 0 1.275-.037c.179-.038.347-.08.483-.124l.072-.024a7.02 7.02 0 0 0 3.642-2.887a.219.219 0 0 0-.291-.309a5 5 0 0 1-.577.258a5.6 5.6 0 0 1-1.963.353c-2.587 0-4.841-1.78-4.841-4.064a1.72 1.72 0 0 1 .895-1.492a4.4 4.4 0 0 0-1.486 1.193m4.091.3v.018m0 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M4.875 3.79C2.512 3.79.526 5.402.5 7.4a7 7 0 0 1 7-6.9c2.72 0 5.22 1.304 6.38 3.57c.182.361.634 1.176.62 2.401a3.36 3.36 0 0 1-1.664 2.892a3.26 3.26 0 0 1-1.656.457c-.003 0-1.486.072-2.272-.475c-.165-.115-.258-.252-.258-.395c0-.173.136-.252.18-.31c.277-.36.427-.795.427-1.088s-.06-1.031-.399-1.615M4.875 3.79c.191 0 1.283.019 2.296.55c.894.47 1.362 1.037 1.687 1.598M4.875 3.79C2.69 3.79.827 5.17.538 6.958a3 3 0 0 0-.032.451a7 7 0 0 0 9.214 6.732c-.57.18-1.172.234-1.765.159m.903-8.363c.292.503.377 1.12.395 1.47a1.77 1.77 0 0 0-1.75-1.652c-.373-.008-.657.127-.83.208l-.02.01a4.4 4.4 0 0 0-1.49 1.194M7.956 14.3a4.1 4.1 0 0 1-1.668-.596l-.005-.002c-.488-.303-.91-.7-1.244-1.167a4.414 4.414 0 0 1 .126-5.368m2.79 7.133a4.1 4.1 0 0 0 1.275-.037c.179-.038.347-.08.483-.124l.072-.024a7.02 7.02 0 0 0 3.642-2.887a.219.219 0 0 0-.291-.309a5 5 0 0 1-.577.258a5.6 5.6 0 0 1-1.963.353c-2.587 0-4.841-1.78-4.841-4.064a1.72 1.72 0 0 1 .895-1.492a4.4 4.4 0 0 0-1.486 1.193m4.091.3v.018m0 0Z"/></svg> </template>
CSS
.icon-edge-outline {
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%2015%2015%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M4.875%203.79C2.512%203.79.526%205.402.5%207.4a7%207%200%200%201%207-6.9c2.72%200%205.22%201.304%206.38%203.57c.182.361.634%201.176.62%202.401a3.36%203.36%200%200%201-1.664%202.892a3.26%203.26%200%200%201-1.656.457c-.003%200-1.486.072-2.272-.475c-.165-.115-.258-.252-.258-.395c0-.173.136-.252.18-.31c.277-.36.427-.795.427-1.088s-.06-1.031-.399-1.615M4.875%203.79c.191%200%201.283.019%202.296.55c.894.47%201.362%201.037%201.687%201.598M4.875%203.79C2.69%203.79.827%205.17.538%206.958a3%203%200%200%200-.032.451a7%207%200%200%200%209.214%206.732c-.57.18-1.172.234-1.765.159m.903-8.363c.292.503.377%201.12.395%201.47a1.77%201.77%200%200%200-1.75-1.652c-.373-.008-.657.127-.83.208l-.02.01a4.4%204.4%200%200%200-1.49%201.194M7.956%2014.3a4.1%204.1%200%200%201-1.668-.596l-.005-.002c-.488-.303-.91-.7-1.244-1.167a4.414%204.414%200%200%201%20.126-5.368m2.79%207.133a4.1%204.1%200%200%200%201.275-.037c.179-.038.347-.08.483-.124l.072-.024a7.02%207.02%200%200%200%203.642-2.887a.219.219%200%200%200-.291-.309a5%205%200%200%201-.577.258a5.6%205.6%200%200%201-1.963.353c-2.587%200-4.841-1.78-4.841-4.064a1.72%201.72%200%200%201%20.895-1.492a4.4%204.4%200%200%200-1.486%201.193m4.091.3v.018m0%200Z%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%2015%2015%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M4.875%203.79C2.512%203.79.526%205.402.5%207.4a7%207%200%200%201%207-6.9c2.72%200%205.22%201.304%206.38%203.57c.182.361.634%201.176.62%202.401a3.36%203.36%200%200%201-1.664%202.892a3.26%203.26%200%200%201-1.656.457c-.003%200-1.486.072-2.272-.475c-.165-.115-.258-.252-.258-.395c0-.173.136-.252.18-.31c.277-.36.427-.795.427-1.088s-.06-1.031-.399-1.615M4.875%203.79c.191%200%201.283.019%202.296.55c.894.47%201.362%201.037%201.687%201.598M4.875%203.79C2.69%203.79.827%205.17.538%206.958a3%203%200%200%200-.032.451a7%207%200%200%200%209.214%206.732c-.57.18-1.172.234-1.765.159m.903-8.363c.292.503.377%201.12.395%201.47a1.77%201.77%200%200%200-1.75-1.652c-.373-.008-.657.127-.83.208l-.02.01a4.4%204.4%200%200%200-1.49%201.194M7.956%2014.3a4.1%204.1%200%200%201-1.668-.596l-.005-.002c-.488-.303-.91-.7-1.244-1.167a4.414%204.414%200%200%201%20.126-5.368m2.79%207.133a4.1%204.1%200%200%200%201.275-.037c.179-.038.347-.08.483-.124l.072-.024a7.02%207.02%200%200%200%203.642-2.887a.219.219%200%200%200-.291-.309a5%205%200%200%201-.577.258a5.6%205.6%200%200%201-1.963.353c-2.587%200-4.841-1.78-4.841-4.064a1.72%201.72%200%200%201%20.895-1.492a4.4%204.4%200%200%200-1.486%201.193m4.091.3v.018m0%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/edge-outline.svg?color=%231a73e8&size=48
