Ícone Flag For Canada

emojione-v1:flag-for-canada

O ícone Flag For Canada (emojione-v1:flag-for-canada) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (v1)
Autor: Emoji One
Licença: CC-BY-SA-4.0
Tamanho: 64 × 64
Categoria: Bandeiras
Tags: flagfor, forcanada, flagforcanada, flag for flag canada

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#e6e7e8" d="M16 11h32v44H16z"/><path fill="#ec1c24" d="M10 11C3.373 11 0 15.925 0 22v22c0 6.075 3.373 11 10 11h6V11zm44 0h-6v44h6c6.627 0 10-4.925 10-11V22c0-6.075-3.373-11-10-11"/><path fill="#ec1c24" fill-rule="evenodd" d="M44.26 32.641c-.457-.207-.534-.353-.398-.858c.339-1.263.688-2.521 1.031-3.782c.029-.103.055-.209.094-.36c-.424.085-.82.161-1.216.247c-.801.17-1.597.343-2.396.512c-.522.109-.761-.037-.909-.553c-.139-.488-.276-.977-.499-1.535c-.051.084-.088.181-.153.252q-1.373 1.548-2.756 3.096c-.285.314-.602.451-.826.327c-.329-.186-.317-.515-.263-.822c.243-1.341.495-2.679.745-4.02c.183-.973.366-1.941.554-2.955c-.095.036-.159.054-.216.082c-.518.268-1.03.541-1.549.803c-.636.319-.956.214-1.288-.401c-.703-1.303-1.4-2.608-2.101-3.912c-.036-.064-.06-.128-.115-.21l-.115.21q-1.047 1.957-2.099 3.912c-.333.615-.654.721-1.29.401c-.519-.262-1.031-.535-1.549-.803c-.057-.028-.121-.046-.216-.082c.188 1.014.371 1.982.554 2.955c.25 1.337.503 2.675.744 4.02c.056.308.067.637-.262.822c-.225.124-.541-.013-.825-.327q-1.384-1.548-2.757-3.096c-.065-.071-.103-.168-.153-.252c-.223.559-.36 1.047-.499 1.535c-.148.516-.389.662-.909.553l-2.396-.512c-.396-.086-.792-.162-1.216-.247c.039.151.064.258.094.36c.343 1.261.692 2.52 1.031 3.782c.136.506.059.651-.398.858c-.423.192-.845.395-1.292.604c.08.072.125.115.175.156l3.194 2.595c1.031.838 2.058 1.675 3.09 2.51c.361.291.48.645.331 1.087c-.084.26-.159.52-.237.781c-.094.307-.186.616-.29.967c1.023-.145 1.989-.28 2.962-.415c1.141-.157 2.281-.318 3.425-.462c.392-.051.683.248.667.637c-.086 2.063-.285 4.392-.299 6.346h1.07c-.014-1.954-.212-4.282-.298-6.346c-.018-.389.274-.688.666-.637c1.144.144 2.284.305 3.425.462c.973.135 1.939.271 2.962.415c-.104-.351-.196-.66-.29-.967c-.078-.262-.153-.521-.237-.781c-.149-.442-.03-.796.331-1.087c1.033-.835 2.059-1.672 3.09-2.51q1.599-1.297 3.194-2.595c.05-.041.095-.084.175-.156c-.448-.21-.868-.412-1.292-.604"/></svg>

Como usar o ícone Flag For Canada

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:flag-for-canada" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:flag-for-canada" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:flag-for-canada" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--flag-for-canada]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:flag-for-canada"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:flag-for-canada"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-canada.svg" alt="Ícone Flag For Canada" width="24" height="24">

Ícones relacionados em Emoji One (v1)

O ícone Flag For Canada em outras coleções

Perguntas frequentes sobre Ícone Flag For Canada

O ícone Flag For Canada é grátis para uso comercial?

Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Flag For Canada no React?

Instale @iconify/react e renderize <Icon icon="emojione-v1:flag-for-canada" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Flag For Canada a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-canada.svg" alt="Ícone Flag For Canada">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (v1) →