ca logo

ca-1x1 from Flag Icons by Panayiotis Lipiridis · 1x1 · MIT Free for personal and commercial use.

Name: ca-1x1
Set: Flag Icons
Style: 1x1
Viewbox: 512×512
License: MIT

1 other variant in Flag Icons

The same logo in other sets

Use the ca logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#fff" d="M81.1 0h362.3v512H81.1z"/><path fill="#d52b1e" d="M-100 0H81.1v512H-100zm543.4 0h181.1v512H443.4zM135.3 247.4l-14 4.8l65.4 57.5c5 14.8-1.7 19.1-6 26.9l71-9l-1.8 71.5l14.8-.5l-3.3-70.9l71.2 8.4c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5l-11.4-4.1c-9.4-7.3 4-34.8 6-52.2c0 0-38.1 13.1-40.6 6.2l-9.9-18.5l-34.6 38c-3.8 1-5.4-.6-6.3-3.8l16-79.7l-25.4 14.3q-3.3 1.3-5.6-2.4l-24.5-49l-25.2 50.9q-3 2.7-5.4.8l-24.2-13.6l14.5 79.2c-1.1 3-3.9 4-7.1 2.3l-33.3-37.8c-4.3 7-7.3 18.4-13 21c-5.7 2.3-25-4.9-37.9-7.7c4.4 15.9 18.2 42.3 9.5 51z"/></svg>

React

import type { SVGProps } from "react";

export function FlagCa1x1(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#fff" d="M81.1 0h362.3v512H81.1z"/><path fill="#d52b1e" d="M-100 0H81.1v512H-100zm543.4 0h181.1v512H443.4zM135.3 247.4l-14 4.8l65.4 57.5c5 14.8-1.7 19.1-6 26.9l71-9l-1.8 71.5l14.8-.5l-3.3-70.9l71.2 8.4c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5l-11.4-4.1c-9.4-7.3 4-34.8 6-52.2c0 0-38.1 13.1-40.6 6.2l-9.9-18.5l-34.6 38c-3.8 1-5.4-.6-6.3-3.8l16-79.7l-25.4 14.3q-3.3 1.3-5.6-2.4l-24.5-49l-25.2 50.9q-3 2.7-5.4.8l-24.2-13.6l14.5 79.2c-1.1 3-3.9 4-7.1 2.3l-33.3-37.8c-4.3 7-7.3 18.4-13 21c-5.7 2.3-25-4.9-37.9-7.7c4.4 15.9 18.2 42.3 9.5 51z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#fff" d="M81.1 0h362.3v512H81.1z"/><path fill="#d52b1e" d="M-100 0H81.1v512H-100zm543.4 0h181.1v512H443.4zM135.3 247.4l-14 4.8l65.4 57.5c5 14.8-1.7 19.1-6 26.9l71-9l-1.8 71.5l14.8-.5l-3.3-70.9l71.2 8.4c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5l-11.4-4.1c-9.4-7.3 4-34.8 6-52.2c0 0-38.1 13.1-40.6 6.2l-9.9-18.5l-34.6 38c-3.8 1-5.4-.6-6.3-3.8l16-79.7l-25.4 14.3q-3.3 1.3-5.6-2.4l-24.5-49l-25.2 50.9q-3 2.7-5.4.8l-24.2-13.6l14.5 79.2c-1.1 3-3.9 4-7.1 2.3l-33.3-37.8c-4.3 7-7.3 18.4-13 21c-5.7 2.3-25-4.9-37.9-7.7c4.4 15.9 18.2 42.3 9.5 51z"/></svg>
</template>

CSS

.icon-ca-1x1 {
  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%22%23fff%22%20d%3D%22M81.1%200h362.3v512H81.1z%22%2F%3E%3Cpath%20fill%3D%22%23d52b1e%22%20d%3D%22M-100%200H81.1v512H-100zm543.4%200h181.1v512H443.4zM135.3%20247.4l-14%204.8l65.4%2057.5c5%2014.8-1.7%2019.1-6%2026.9l71-9l-1.8%2071.5l14.8-.5l-3.3-70.9l71.2%208.4c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5l-11.4-4.1c-9.4-7.3%204-34.8%206-52.2c0%200-38.1%2013.1-40.6%206.2l-9.9-18.5l-34.6%2038c-3.8%201-5.4-.6-6.3-3.8l16-79.7l-25.4%2014.3q-3.3%201.3-5.6-2.4l-24.5-49l-25.2%2050.9q-3%202.7-5.4.8l-24.2-13.6l14.5%2079.2c-1.1%203-3.9%204-7.1%202.3l-33.3-37.8c-4.3%207-7.3%2018.4-13%2021c-5.7%202.3-25-4.9-37.9-7.7c4.4%2015.9%2018.2%2042.3%209.5%2051z%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%22%23fff%22%20d%3D%22M81.1%200h362.3v512H81.1z%22%2F%3E%3Cpath%20fill%3D%22%23d52b1e%22%20d%3D%22M-100%200H81.1v512H-100zm543.4%200h181.1v512H443.4zM135.3%20247.4l-14%204.8l65.4%2057.5c5%2014.8-1.7%2019.1-6%2026.9l71-9l-1.8%2071.5l14.8-.5l-3.3-70.9l71.2%208.4c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5l-11.4-4.1c-9.4-7.3%204-34.8%206-52.2c0%200-38.1%2013.1-40.6%206.2l-9.9-18.5l-34.6%2038c-3.8%201-5.4-.6-6.3-3.8l16-79.7l-25.4%2014.3q-3.3%201.3-5.6-2.4l-24.5-49l-25.2%2050.9q-3%202.7-5.4.8l-24.2-13.6l14.5%2079.2c-1.1%203-3.9%204-7.1%202.3l-33.3-37.8c-4.3%207-7.3%2018.4-13%2021c-5.7%202.3-25-4.9-37.9-7.7c4.4%2015.9%2018.2%2042.3%209.5%2051z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flag/ca-1x1.svg?color=%231a73e8&size=48