canadian maple leaf logo

canadian-maple-leaf from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: canadian-maple-leaf
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

canadian-maple-leafFont Awesome Brands canadian-maple-leafLine Awesome

Use the canadian maple leaf logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M383.8 351.7c2.5-2.5 105.2-92.4 105.2-92.4l-17.5-7.5c-10-4.9-7.4-11.5-5-17.4c2.4-7.6 20.1-67.3 20.1-67.3s-47.7 10-57.7 12.5c-7.5 2.4-10-2.5-12.5-7.5s-15-32.4-15-32.4s-52.6 59.9-55.1 62.3c-10 7.5-20.1 0-17.6-10c0-10 27.6-129.6 27.6-129.6s-30.1 17.4-40.1 22.4c-7.5 5-12.6 5-17.6-5C293.5 72.3 255.9 0 255.9 0s-37.5 72.3-42.5 79.8c-5 10-10 10-17.6 5c-10-5-40.1-22.4-40.1-22.4S183.3 182 183.3 192c2.5 10-7.5 17.5-17.6 10c-2.5-2.5-55.1-62.3-55.1-62.3S98.1 167 95.6 172s-5 9.9-12.5 7.5C73 177 25.4 167 25.4 167s17.6 59.7 20.1 67.3c2.4 6 5 12.5-5 17.4L23 259.3s102.6 89.9 105.2 92.4c5.1 5 10 7.5 5.1 22.5c-5.1 15-10.1 35.1-10.1 35.1s95.2-20.1 105.3-22.6c8.7-.9 18.3 2.5 18.3 12.5S241 512 241 512h30s-5.8-102.7-5.8-112.8s9.5-13.4 18.4-12.5c10 2.5 105.2 22.6 105.2 22.6s-5-20.1-10-35.1s0-17.5 5-22.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsCanadianMapleLeaf(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="M383.8 351.7c2.5-2.5 105.2-92.4 105.2-92.4l-17.5-7.5c-10-4.9-7.4-11.5-5-17.4c2.4-7.6 20.1-67.3 20.1-67.3s-47.7 10-57.7 12.5c-7.5 2.4-10-2.5-12.5-7.5s-15-32.4-15-32.4s-52.6 59.9-55.1 62.3c-10 7.5-20.1 0-17.6-10c0-10 27.6-129.6 27.6-129.6s-30.1 17.4-40.1 22.4c-7.5 5-12.6 5-17.6-5C293.5 72.3 255.9 0 255.9 0s-37.5 72.3-42.5 79.8c-5 10-10 10-17.6 5c-10-5-40.1-22.4-40.1-22.4S183.3 182 183.3 192c2.5 10-7.5 17.5-17.6 10c-2.5-2.5-55.1-62.3-55.1-62.3S98.1 167 95.6 172s-5 9.9-12.5 7.5C73 177 25.4 167 25.4 167s17.6 59.7 20.1 67.3c2.4 6 5 12.5-5 17.4L23 259.3s102.6 89.9 105.2 92.4c5.1 5 10 7.5 5.1 22.5c-5.1 15-10.1 35.1-10.1 35.1s95.2-20.1 105.3-22.6c8.7-.9 18.3 2.5 18.3 12.5S241 512 241 512h30s-5.8-102.7-5.8-112.8s9.5-13.4 18.4-12.5c10 2.5 105.2 22.6 105.2 22.6s-5-20.1-10-35.1s0-17.5 5-22.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M383.8 351.7c2.5-2.5 105.2-92.4 105.2-92.4l-17.5-7.5c-10-4.9-7.4-11.5-5-17.4c2.4-7.6 20.1-67.3 20.1-67.3s-47.7 10-57.7 12.5c-7.5 2.4-10-2.5-12.5-7.5s-15-32.4-15-32.4s-52.6 59.9-55.1 62.3c-10 7.5-20.1 0-17.6-10c0-10 27.6-129.6 27.6-129.6s-30.1 17.4-40.1 22.4c-7.5 5-12.6 5-17.6-5C293.5 72.3 255.9 0 255.9 0s-37.5 72.3-42.5 79.8c-5 10-10 10-17.6 5c-10-5-40.1-22.4-40.1-22.4S183.3 182 183.3 192c2.5 10-7.5 17.5-17.6 10c-2.5-2.5-55.1-62.3-55.1-62.3S98.1 167 95.6 172s-5 9.9-12.5 7.5C73 177 25.4 167 25.4 167s17.6 59.7 20.1 67.3c2.4 6 5 12.5-5 17.4L23 259.3s102.6 89.9 105.2 92.4c5.1 5 10 7.5 5.1 22.5c-5.1 15-10.1 35.1-10.1 35.1s95.2-20.1 105.3-22.6c8.7-.9 18.3 2.5 18.3 12.5S241 512 241 512h30s-5.8-102.7-5.8-112.8s9.5-13.4 18.4-12.5c10 2.5 105.2 22.6 105.2 22.6s-5-20.1-10-35.1s0-17.5 5-22.5"/></svg>
</template>

CSS

.icon-canadian-maple-leaf {
  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%22M383.8%20351.7c2.5-2.5%20105.2-92.4%20105.2-92.4l-17.5-7.5c-10-4.9-7.4-11.5-5-17.4c2.4-7.6%2020.1-67.3%2020.1-67.3s-47.7%2010-57.7%2012.5c-7.5%202.4-10-2.5-12.5-7.5s-15-32.4-15-32.4s-52.6%2059.9-55.1%2062.3c-10%207.5-20.1%200-17.6-10c0-10%2027.6-129.6%2027.6-129.6s-30.1%2017.4-40.1%2022.4c-7.5%205-12.6%205-17.6-5C293.5%2072.3%20255.9%200%20255.9%200s-37.5%2072.3-42.5%2079.8c-5%2010-10%2010-17.6%205c-10-5-40.1-22.4-40.1-22.4S183.3%20182%20183.3%20192c2.5%2010-7.5%2017.5-17.6%2010c-2.5-2.5-55.1-62.3-55.1-62.3S98.1%20167%2095.6%20172s-5%209.9-12.5%207.5C73%20177%2025.4%20167%2025.4%20167s17.6%2059.7%2020.1%2067.3c2.4%206%205%2012.5-5%2017.4L23%20259.3s102.6%2089.9%20105.2%2092.4c5.1%205%2010%207.5%205.1%2022.5c-5.1%2015-10.1%2035.1-10.1%2035.1s95.2-20.1%20105.3-22.6c8.7-.9%2018.3%202.5%2018.3%2012.5S241%20512%20241%20512h30s-5.8-102.7-5.8-112.8s9.5-13.4%2018.4-12.5c10%202.5%20105.2%2022.6%20105.2%2022.6s-5-20.1-10-35.1s0-17.5%205-22.5%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%22M383.8%20351.7c2.5-2.5%20105.2-92.4%20105.2-92.4l-17.5-7.5c-10-4.9-7.4-11.5-5-17.4c2.4-7.6%2020.1-67.3%2020.1-67.3s-47.7%2010-57.7%2012.5c-7.5%202.4-10-2.5-12.5-7.5s-15-32.4-15-32.4s-52.6%2059.9-55.1%2062.3c-10%207.5-20.1%200-17.6-10c0-10%2027.6-129.6%2027.6-129.6s-30.1%2017.4-40.1%2022.4c-7.5%205-12.6%205-17.6-5C293.5%2072.3%20255.9%200%20255.9%200s-37.5%2072.3-42.5%2079.8c-5%2010-10%2010-17.6%205c-10-5-40.1-22.4-40.1-22.4S183.3%20182%20183.3%20192c2.5%2010-7.5%2017.5-17.6%2010c-2.5-2.5-55.1-62.3-55.1-62.3S98.1%20167%2095.6%20172s-5%209.9-12.5%207.5C73%20177%2025.4%20167%2025.4%20167s17.6%2059.7%2020.1%2067.3c2.4%206%205%2012.5-5%2017.4L23%20259.3s102.6%2089.9%20105.2%2092.4c5.1%205%2010%207.5%205.1%2022.5c-5.1%2015-10.1%2035.1-10.1%2035.1s95.2-20.1%20105.3-22.6c8.7-.9%2018.3%202.5%2018.3%2012.5S241%20512%20241%20512h30s-5.8-102.7-5.8-112.8s9.5-13.4%2018.4-12.5c10%202.5%20105.2%2022.6%20105.2%2022.6s-5-20.1-10-35.1s0-17.5%205-22.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/canadian-maple-leaf.svg?color=%231a73e8&size=48