edge logo
edge from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- edge
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the edge logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.349 13.684H8.874q-.002.649.195 1.178a3.33 3.33 0 0 0 1.381 1.634q.465.295 1.005.484c.356.13.729.226 1.107.288c.821.13 1.658.123 2.477-.021a9.8 9.8 0 0 0 2.421-.783c.393-.18.79-.376 1.201-.594v3.805a13.5 13.5 0 0 1-2.711.978q-.684.17-1.396.246q-.73.08-1.464.079a8.2 8.2 0 0 1-1.95-.232a7.7 7.7 0 0 1-1.762-.668a7.3 7.3 0 0 1-1.51-1.062a6.67 6.67 0 0 1-1.941-3.103a7 7 0 0 1-.267-1.953q0-1.105.303-2.11a6.7 6.7 0 0 1 2.264-3.342a7.4 7.4 0 0 1 1.847-1.066a3.9 3.9 0 0 0-.869 1.329a5.7 5.7 0 0 0-.401 1.538h6.391q.002-.967-.196-1.689q-.196-.726-.637-1.201A2.64 2.64 0 0 0 13.23 6.7q-.694-.24-1.675-.241c-.771 0-1.543.111-2.314.344a9.8 9.8 0 0 0-2.2.955q-1.043.619-1.919 1.452a9.2 9.2 0 0 0-1.474 1.819c.084-.742.247-1.474.485-2.18a9.3 9.3 0 0 1 .912-1.938a8.6 8.6 0 0 1 1.303-1.609a7.7 7.7 0 0 1 1.655-1.235a8.5 8.5 0 0 1 1.955-.792a10 10 0 0 1 2.233-.254q.689 0 1.375.124q.685.125 1.339.342a8 8 0 0 1 2.315 1.239a8 8 0 0 1 1.711 1.833c.463.692.813 1.459 1.055 2.292s.365 1.701.365 2.602v2.23z"/></svg>
React
import type { SVGProps } from "react";
export function BxlEdge(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="M20.349 13.684H8.874q-.002.649.195 1.178a3.33 3.33 0 0 0 1.381 1.634q.465.295 1.005.484c.356.13.729.226 1.107.288c.821.13 1.658.123 2.477-.021a9.8 9.8 0 0 0 2.421-.783c.393-.18.79-.376 1.201-.594v3.805a13.5 13.5 0 0 1-2.711.978q-.684.17-1.396.246q-.73.08-1.464.079a8.2 8.2 0 0 1-1.95-.232a7.7 7.7 0 0 1-1.762-.668a7.3 7.3 0 0 1-1.51-1.062a6.67 6.67 0 0 1-1.941-3.103a7 7 0 0 1-.267-1.953q0-1.105.303-2.11a6.7 6.7 0 0 1 2.264-3.342a7.4 7.4 0 0 1 1.847-1.066a3.9 3.9 0 0 0-.869 1.329a5.7 5.7 0 0 0-.401 1.538h6.391q.002-.967-.196-1.689q-.196-.726-.637-1.201A2.64 2.64 0 0 0 13.23 6.7q-.694-.24-1.675-.241c-.771 0-1.543.111-2.314.344a9.8 9.8 0 0 0-2.2.955q-1.043.619-1.919 1.452a9.2 9.2 0 0 0-1.474 1.819c.084-.742.247-1.474.485-2.18a9.3 9.3 0 0 1 .912-1.938a8.6 8.6 0 0 1 1.303-1.609a7.7 7.7 0 0 1 1.655-1.235a8.5 8.5 0 0 1 1.955-.792a10 10 0 0 1 2.233-.254q.689 0 1.375.124q.685.125 1.339.342a8 8 0 0 1 2.315 1.239a8 8 0 0 1 1.711 1.833c.463.692.813 1.459 1.055 2.292s.365 1.701.365 2.602v2.23z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.349 13.684H8.874q-.002.649.195 1.178a3.33 3.33 0 0 0 1.381 1.634q.465.295 1.005.484c.356.13.729.226 1.107.288c.821.13 1.658.123 2.477-.021a9.8 9.8 0 0 0 2.421-.783c.393-.18.79-.376 1.201-.594v3.805a13.5 13.5 0 0 1-2.711.978q-.684.17-1.396.246q-.73.08-1.464.079a8.2 8.2 0 0 1-1.95-.232a7.7 7.7 0 0 1-1.762-.668a7.3 7.3 0 0 1-1.51-1.062a6.67 6.67 0 0 1-1.941-3.103a7 7 0 0 1-.267-1.953q0-1.105.303-2.11a6.7 6.7 0 0 1 2.264-3.342a7.4 7.4 0 0 1 1.847-1.066a3.9 3.9 0 0 0-.869 1.329a5.7 5.7 0 0 0-.401 1.538h6.391q.002-.967-.196-1.689q-.196-.726-.637-1.201A2.64 2.64 0 0 0 13.23 6.7q-.694-.24-1.675-.241c-.771 0-1.543.111-2.314.344a9.8 9.8 0 0 0-2.2.955q-1.043.619-1.919 1.452a9.2 9.2 0 0 0-1.474 1.819c.084-.742.247-1.474.485-2.18a9.3 9.3 0 0 1 .912-1.938a8.6 8.6 0 0 1 1.303-1.609a7.7 7.7 0 0 1 1.655-1.235a8.5 8.5 0 0 1 1.955-.792a10 10 0 0 1 2.233-.254q.689 0 1.375.124q.685.125 1.339.342a8 8 0 0 1 2.315 1.239a8 8 0 0 1 1.711 1.833c.463.692.813 1.459 1.055 2.292s.365 1.701.365 2.602v2.23z"/></svg> </template>
CSS
.icon-edge {
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%22M20.349%2013.684H8.874q-.002.649.195%201.178a3.33%203.33%200%200%200%201.381%201.634q.465.295%201.005.484c.356.13.729.226%201.107.288c.821.13%201.658.123%202.477-.021a9.8%209.8%200%200%200%202.421-.783c.393-.18.79-.376%201.201-.594v3.805a13.5%2013.5%200%200%201-2.711.978q-.684.17-1.396.246q-.73.08-1.464.079a8.2%208.2%200%200%201-1.95-.232a7.7%207.7%200%200%201-1.762-.668a7.3%207.3%200%200%201-1.51-1.062a6.67%206.67%200%200%201-1.941-3.103a7%207%200%200%201-.267-1.953q0-1.105.303-2.11a6.7%206.7%200%200%201%202.264-3.342a7.4%207.4%200%200%201%201.847-1.066a3.9%203.9%200%200%200-.869%201.329a5.7%205.7%200%200%200-.401%201.538h6.391q.002-.967-.196-1.689q-.196-.726-.637-1.201A2.64%202.64%200%200%200%2013.23%206.7q-.694-.24-1.675-.241c-.771%200-1.543.111-2.314.344a9.8%209.8%200%200%200-2.2.955q-1.043.619-1.919%201.452a9.2%209.2%200%200%200-1.474%201.819c.084-.742.247-1.474.485-2.18a9.3%209.3%200%200%201%20.912-1.938a8.6%208.6%200%200%201%201.303-1.609a7.7%207.7%200%200%201%201.655-1.235a8.5%208.5%200%200%201%201.955-.792a10%2010%200%200%201%202.233-.254q.689%200%201.375.124q.685.125%201.339.342a8%208%200%200%201%202.315%201.239a8%208%200%200%201%201.711%201.833c.463.692.813%201.459%201.055%202.292s.365%201.701.365%202.602v2.23z%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%22M20.349%2013.684H8.874q-.002.649.195%201.178a3.33%203.33%200%200%200%201.381%201.634q.465.295%201.005.484c.356.13.729.226%201.107.288c.821.13%201.658.123%202.477-.021a9.8%209.8%200%200%200%202.421-.783c.393-.18.79-.376%201.201-.594v3.805a13.5%2013.5%200%200%201-2.711.978q-.684.17-1.396.246q-.73.08-1.464.079a8.2%208.2%200%200%201-1.95-.232a7.7%207.7%200%200%201-1.762-.668a7.3%207.3%200%200%201-1.51-1.062a6.67%206.67%200%200%201-1.941-3.103a7%207%200%200%201-.267-1.953q0-1.105.303-2.11a6.7%206.7%200%200%201%202.264-3.342a7.4%207.4%200%200%201%201.847-1.066a3.9%203.9%200%200%200-.869%201.329a5.7%205.7%200%200%200-.401%201.538h6.391q.002-.967-.196-1.689q-.196-.726-.637-1.201A2.64%202.64%200%200%200%2013.23%206.7q-.694-.24-1.675-.241c-.771%200-1.543.111-2.314.344a9.8%209.8%200%200%200-2.2.955q-1.043.619-1.919%201.452a9.2%209.2%200%200%200-1.474%201.819c.084-.742.247-1.474.485-2.18a9.3%209.3%200%200%201%20.912-1.938a8.6%208.6%200%200%201%201.303-1.609a7.7%207.7%200%200%201%201.655-1.235a8.5%208.5%200%200%201%201.955-.792a10%2010%200%200%201%202.233-.254q.689%200%201.375.124q.685.125%201.339.342a8%208%200%200%201%202.315%201.239a8%208%200%200%201%201.711%201.833c.463.692.813%201.459%201.055%202.292s.365%201.701.365%202.602v2.23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/edge.svg?color=%231a73e8&size=48
