Icône Flag For Canada

emojione-v1:flag-for-canada

L'icône Flag For Canada (emojione-v1:flag-for-canada) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (v1)
Auteur: Emoji One
Licence: CC-BY-SA-4.0
Taille: 64 × 64
Catégorie: Drapeaux
Mots-clés: flagfor, forcanada, flagforcanada, flag for flag canada

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans Emoji One (v1)

L'icône Flag For Canada dans d'autres collections

FAQ : Icône Flag For Canada

L'icône Flag For Canada est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Flag For Canada dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:flag-for-canada" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Flag For Canada à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-canada.svg" alt="Icône Flag For Canada">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →