edge legacy logo
edge-legacy from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- edge-legacy
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same logo in other sets
Use the edge legacy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m25.71 228.16l.35-.48c0 .16 0 .32-.07.48Zm460.58 15.51c0-44-7.76-84.46-28.81-122.4C416.5 47.88 343.91 8 258.89 8C119 7.72 40.62 113.21 26.06 227.68c42.42-61.31 117.07-121.38 220.37-125c0 0 109.67 0 99.42 105H170c6.37-37.39 18.55-59 34.34-78.93c-75.05 34.9-121.85 96.1-120.75 188.32c.83 71.45 50.13 144.84 120.75 172c83.35 31.84 192.77 7.2 240.13-21.33V363.31c-80.87 56.49-270.87 60.92-272.26-67.57h314.08z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsEdgeLegacy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m25.71 228.16l.35-.48c0 .16 0 .32-.07.48Zm460.58 15.51c0-44-7.76-84.46-28.81-122.4C416.5 47.88 343.91 8 258.89 8C119 7.72 40.62 113.21 26.06 227.68c42.42-61.31 117.07-121.38 220.37-125c0 0 109.67 0 99.42 105H170c6.37-37.39 18.55-59 34.34-78.93c-75.05 34.9-121.85 96.1-120.75 188.32c.83 71.45 50.13 144.84 120.75 172c83.35 31.84 192.77 7.2 240.13-21.33V363.31c-80.87 56.49-270.87 60.92-272.26-67.57h314.08z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m25.71 228.16l.35-.48c0 .16 0 .32-.07.48Zm460.58 15.51c0-44-7.76-84.46-28.81-122.4C416.5 47.88 343.91 8 258.89 8C119 7.72 40.62 113.21 26.06 227.68c42.42-61.31 117.07-121.38 220.37-125c0 0 109.67 0 99.42 105H170c6.37-37.39 18.55-59 34.34-78.93c-75.05 34.9-121.85 96.1-120.75 188.32c.83 71.45 50.13 144.84 120.75 172c83.35 31.84 192.77 7.2 240.13-21.33V363.31c-80.87 56.49-270.87 60.92-272.26-67.57h314.08z"/></svg> </template>
CSS
.icon-edge-legacy {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m25.71%20228.16l.35-.48c0%20.16%200%20.32-.07.48Zm460.58%2015.51c0-44-7.76-84.46-28.81-122.4C416.5%2047.88%20343.91%208%20258.89%208C119%207.72%2040.62%20113.21%2026.06%20227.68c42.42-61.31%20117.07-121.38%20220.37-125c0%200%20109.67%200%2099.42%20105H170c6.37-37.39%2018.55-59%2034.34-78.93c-75.05%2034.9-121.85%2096.1-120.75%20188.32c.83%2071.45%2050.13%20144.84%20120.75%20172c83.35%2031.84%20192.77%207.2%20240.13-21.33V363.31c-80.87%2056.49-270.87%2060.92-272.26-67.57h314.08z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m25.71%20228.16l.35-.48c0%20.16%200%20.32-.07.48Zm460.58%2015.51c0-44-7.76-84.46-28.81-122.4C416.5%2047.88%20343.91%208%20258.89%208C119%207.72%2040.62%20113.21%2026.06%20227.68c42.42-61.31%20117.07-121.38%20220.37-125c0%200%20109.67%200%2099.42%20105H170c6.37-37.39%2018.55-59%2034.34-78.93c-75.05%2034.9-121.85%2096.1-120.75%20188.32c.83%2071.45%2050.13%20144.84%20120.75%20172c83.35%2031.84%20192.77%207.2%20240.13-21.33V363.31c-80.87%2056.49-270.87%2060.92-272.26-67.57h314.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/edge-legacy.svg?color=%231a73e8&size=48
