canadian maple leaf logo

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

Name: canadian-maple-leaf
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

canadian-maple-leafFont Awesome 6 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 640 640"><path fill="currentColor" d="M447.8 415.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-5c-5.1-7.5-42.7-79.8-42.7-79.8s-37.5 72.3-42.5 79.8c-5 10-10 10-17.6 5c-10-5-40.1-22.4-40.1-22.4S247.3 246 247.3 256c2.5 10-7.5 17.5-17.6 10c-2.5-2.5-55.1-62.3-55.1-62.3s-12.5 27.3-15 32.3s-5 9.9-12.5 7.5C137 241 89.4 231 89.4 231s17.6 59.7 20.1 67.3c2.4 6 5 12.5-5 17.4L87 323.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.5S305 576 305 576h30s-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 Fa7BrandsCanadianMapleLeaf(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M447.8 415.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-5c-5.1-7.5-42.7-79.8-42.7-79.8s-37.5 72.3-42.5 79.8c-5 10-10 10-17.6 5c-10-5-40.1-22.4-40.1-22.4S247.3 246 247.3 256c2.5 10-7.5 17.5-17.6 10c-2.5-2.5-55.1-62.3-55.1-62.3s-12.5 27.3-15 32.3s-5 9.9-12.5 7.5C137 241 89.4 231 89.4 231s17.6 59.7 20.1 67.3c2.4 6 5 12.5-5 17.4L87 323.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.5S305 576 305 576h30s-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 640 640"><path fill="currentColor" d="M447.8 415.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-5c-5.1-7.5-42.7-79.8-42.7-79.8s-37.5 72.3-42.5 79.8c-5 10-10 10-17.6 5c-10-5-40.1-22.4-40.1-22.4S247.3 246 247.3 256c2.5 10-7.5 17.5-17.6 10c-2.5-2.5-55.1-62.3-55.1-62.3s-12.5 27.3-15 32.3s-5 9.9-12.5 7.5C137 241 89.4 231 89.4 231s17.6 59.7 20.1 67.3c2.4 6 5 12.5-5 17.4L87 323.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.5S305 576 305 576h30s-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M447.8%20415.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-5c-5.1-7.5-42.7-79.8-42.7-79.8s-37.5%2072.3-42.5%2079.8c-5%2010-10%2010-17.6%205c-10-5-40.1-22.4-40.1-22.4S247.3%20246%20247.3%20256c2.5%2010-7.5%2017.5-17.6%2010c-2.5-2.5-55.1-62.3-55.1-62.3s-12.5%2027.3-15%2032.3s-5%209.9-12.5%207.5C137%20241%2089.4%20231%2089.4%20231s17.6%2059.7%2020.1%2067.3c2.4%206%205%2012.5-5%2017.4L87%20323.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.5S305%20576%20305%20576h30s-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M447.8%20415.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-5c-5.1-7.5-42.7-79.8-42.7-79.8s-37.5%2072.3-42.5%2079.8c-5%2010-10%2010-17.6%205c-10-5-40.1-22.4-40.1-22.4S247.3%20246%20247.3%20256c2.5%2010-7.5%2017.5-17.6%2010c-2.5-2.5-55.1-62.3-55.1-62.3s-12.5%2027.3-15%2032.3s-5%209.9-12.5%207.5C137%20241%2089.4%20231%2089.4%20231s17.6%2059.7%2020.1%2067.3c2.4%206%205%2012.5-5%2017.4L87%20323.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.5S305%20576%20305%20576h30s-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/fa7-brands/canadian-maple-leaf.svg?color=%231a73e8&size=48