bxl edge icon
bxl-edge from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-edge
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl edge icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M20.349 13.684H8.874c0 .433.063.825.195 1.178a3.334 3.334 0 0 0 1.381 1.634c.309.196.646.359 1.005.484c.356.13.729.226 1.107.288c.821.13 1.658.123 2.477-.021a9.79 9.79 0 0 0 2.421-.783c.393-.18.79-.376 1.201-.594v3.805a13.453 13.453 0 0 1-2.711.978c-.457.112-.92.196-1.396.246c-.486.054-.975.079-1.464.079a8.185 8.185 0 0 1-1.95-.232a7.679 7.679 0 0 1-1.762-.668a7.29 7.29 0 0 1-1.51-1.062a6.67 6.67 0 0 1-1.941-3.103a6.978 6.978 0 0 1-.267-1.953c0-.737.101-1.439.303-2.11a6.718 6.718 0 0 1 2.264-3.342a7.38 7.38 0 0 1 1.847-1.066a3.891 3.891 0 0 0-.869 1.329a5.682 5.682 0 0 0-.401 1.538h6.391c0-.646-.063-1.207-.196-1.689c-.131-.484-.342-.885-.637-1.201A2.64 2.64 0 0 0 13.23 6.7c-.462-.16-1.021-.241-1.675-.241c-.771 0-1.543.111-2.314.344a9.804 9.804 0 0 0-2.2.955c-.695.412-1.335.897-1.919 1.452a9.167 9.167 0 0 0-1.474 1.819c.084-.742.247-1.474.485-2.18a9.304 9.304 0 0 1 .912-1.938a8.622 8.622 0 0 1 1.303-1.609a7.735 7.735 0 0 1 1.655-1.235a8.45 8.45 0 0 1 1.955-.792a10.042 10.042 0 0 1 2.233-.254c.46 0 .917.041 1.375.124c.457.084.903.196 1.339.342a8.012 8.012 0 0 1 2.315 1.239a7.95 7.95 0 0 1 1.711 1.833c.463.692.813 1.459 1.055 2.292s.365 1.701.365 2.602v2.23h-.002z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlEdge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M20.349 13.684H8.874c0 .433.063.825.195 1.178a3.334 3.334 0 0 0 1.381 1.634c.309.196.646.359 1.005.484c.356.13.729.226 1.107.288c.821.13 1.658.123 2.477-.021a9.79 9.79 0 0 0 2.421-.783c.393-.18.79-.376 1.201-.594v3.805a13.453 13.453 0 0 1-2.711.978c-.457.112-.92.196-1.396.246c-.486.054-.975.079-1.464.079a8.185 8.185 0 0 1-1.95-.232a7.679 7.679 0 0 1-1.762-.668a7.29 7.29 0 0 1-1.51-1.062a6.67 6.67 0 0 1-1.941-3.103a6.978 6.978 0 0 1-.267-1.953c0-.737.101-1.439.303-2.11a6.718 6.718 0 0 1 2.264-3.342a7.38 7.38 0 0 1 1.847-1.066a3.891 3.891 0 0 0-.869 1.329a5.682 5.682 0 0 0-.401 1.538h6.391c0-.646-.063-1.207-.196-1.689c-.131-.484-.342-.885-.637-1.201A2.64 2.64 0 0 0 13.23 6.7c-.462-.16-1.021-.241-1.675-.241c-.771 0-1.543.111-2.314.344a9.804 9.804 0 0 0-2.2.955c-.695.412-1.335.897-1.919 1.452a9.167 9.167 0 0 0-1.474 1.819c.084-.742.247-1.474.485-2.18a9.304 9.304 0 0 1 .912-1.938a8.622 8.622 0 0 1 1.303-1.609a7.735 7.735 0 0 1 1.655-1.235a8.45 8.45 0 0 1 1.955-.792a10.042 10.042 0 0 1 2.233-.254c.46 0 .917.041 1.375.124c.457.084.903.196 1.339.342a8.012 8.012 0 0 1 2.315 1.239a7.95 7.95 0 0 1 1.711 1.833c.463.692.813 1.459 1.055 2.292s.365 1.701.365 2.602v2.23h-.002z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M20.349 13.684H8.874c0 .433.063.825.195 1.178a3.334 3.334 0 0 0 1.381 1.634c.309.196.646.359 1.005.484c.356.13.729.226 1.107.288c.821.13 1.658.123 2.477-.021a9.79 9.79 0 0 0 2.421-.783c.393-.18.79-.376 1.201-.594v3.805a13.453 13.453 0 0 1-2.711.978c-.457.112-.92.196-1.396.246c-.486.054-.975.079-1.464.079a8.185 8.185 0 0 1-1.95-.232a7.679 7.679 0 0 1-1.762-.668a7.29 7.29 0 0 1-1.51-1.062a6.67 6.67 0 0 1-1.941-3.103a6.978 6.978 0 0 1-.267-1.953c0-.737.101-1.439.303-2.11a6.718 6.718 0 0 1 2.264-3.342a7.38 7.38 0 0 1 1.847-1.066a3.891 3.891 0 0 0-.869 1.329a5.682 5.682 0 0 0-.401 1.538h6.391c0-.646-.063-1.207-.196-1.689c-.131-.484-.342-.885-.637-1.201A2.64 2.64 0 0 0 13.23 6.7c-.462-.16-1.021-.241-1.675-.241c-.771 0-1.543.111-2.314.344a9.804 9.804 0 0 0-2.2.955c-.695.412-1.335.897-1.919 1.452a9.167 9.167 0 0 0-1.474 1.819c.084-.742.247-1.474.485-2.18a9.304 9.304 0 0 1 .912-1.938a8.622 8.622 0 0 1 1.303-1.609a7.735 7.735 0 0 1 1.655-1.235a8.45 8.45 0 0 1 1.955-.792a10.042 10.042 0 0 1 2.233-.254c.46 0 .917.041 1.375.124c.457.084.903.196 1.339.342a8.012 8.012 0 0 1 2.315 1.239a7.95 7.95 0 0 1 1.711 1.833c.463.692.813 1.459 1.055 2.292s.365 1.701.365 2.602v2.23h-.002z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-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%20d%3D%22M20.349%2013.684H8.874c0%20.433.063.825.195%201.178a3.334%203.334%200%200%200%201.381%201.634c.309.196.646.359%201.005.484c.356.13.729.226%201.107.288c.821.13%201.658.123%202.477-.021a9.79%209.79%200%200%200%202.421-.783c.393-.18.79-.376%201.201-.594v3.805a13.453%2013.453%200%200%201-2.711.978c-.457.112-.92.196-1.396.246c-.486.054-.975.079-1.464.079a8.185%208.185%200%200%201-1.95-.232a7.679%207.679%200%200%201-1.762-.668a7.29%207.29%200%200%201-1.51-1.062a6.67%206.67%200%200%201-1.941-3.103a6.978%206.978%200%200%201-.267-1.953c0-.737.101-1.439.303-2.11a6.718%206.718%200%200%201%202.264-3.342a7.38%207.38%200%200%201%201.847-1.066a3.891%203.891%200%200%200-.869%201.329a5.682%205.682%200%200%200-.401%201.538h6.391c0-.646-.063-1.207-.196-1.689c-.131-.484-.342-.885-.637-1.201A2.64%202.64%200%200%200%2013.23%206.7c-.462-.16-1.021-.241-1.675-.241c-.771%200-1.543.111-2.314.344a9.804%209.804%200%200%200-2.2.955c-.695.412-1.335.897-1.919%201.452a9.167%209.167%200%200%200-1.474%201.819c.084-.742.247-1.474.485-2.18a9.304%209.304%200%200%201%20.912-1.938a8.622%208.622%200%200%201%201.303-1.609a7.735%207.735%200%200%201%201.655-1.235a8.45%208.45%200%200%201%201.955-.792a10.042%2010.042%200%200%201%202.233-.254c.46%200%20.917.041%201.375.124c.457.084.903.196%201.339.342a8.012%208.012%200%200%201%202.315%201.239a7.95%207.95%200%200%201%201.711%201.833c.463.692.813%201.459%201.055%202.292s.365%201.701.365%202.602v2.23h-.002z%22%20fill%3D%22currentColor%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%20d%3D%22M20.349%2013.684H8.874c0%20.433.063.825.195%201.178a3.334%203.334%200%200%200%201.381%201.634c.309.196.646.359%201.005.484c.356.13.729.226%201.107.288c.821.13%201.658.123%202.477-.021a9.79%209.79%200%200%200%202.421-.783c.393-.18.79-.376%201.201-.594v3.805a13.453%2013.453%200%200%201-2.711.978c-.457.112-.92.196-1.396.246c-.486.054-.975.079-1.464.079a8.185%208.185%200%200%201-1.95-.232a7.679%207.679%200%200%201-1.762-.668a7.29%207.29%200%200%201-1.51-1.062a6.67%206.67%200%200%201-1.941-3.103a6.978%206.978%200%200%201-.267-1.953c0-.737.101-1.439.303-2.11a6.718%206.718%200%200%201%202.264-3.342a7.38%207.38%200%200%201%201.847-1.066a3.891%203.891%200%200%200-.869%201.329a5.682%205.682%200%200%200-.401%201.538h6.391c0-.646-.063-1.207-.196-1.689c-.131-.484-.342-.885-.637-1.201A2.64%202.64%200%200%200%2013.23%206.7c-.462-.16-1.021-.241-1.675-.241c-.771%200-1.543.111-2.314.344a9.804%209.804%200%200%200-2.2.955c-.695.412-1.335.897-1.919%201.452a9.167%209.167%200%200%200-1.474%201.819c.084-.742.247-1.474.485-2.18a9.304%209.304%200%200%201%20.912-1.938a8.622%208.622%200%200%201%201.303-1.609a7.735%207.735%200%200%201%201.655-1.235a8.45%208.45%200%200%201%201.955-.792a10.042%2010.042%200%200%201%202.233-.254c.46%200%20.917.041%201.375.124c.457.084.903.196%201.339.342a8.012%208.012%200%200%201%202.315%201.239a7.95%207.95%200%200%201%201.711%201.833c.463.692.813%201.459%201.055%202.292s.365%201.701.365%202.602v2.23h-.002z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-edge.svg?color=%231a73e8&size=48
