Иконка Flag For Canada
emojione-v1:flag-for-canada
Иконка Flag For Canada (emojione-v1:flag-for-canada) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (v1)
- Автор
- Emoji One
- Лицензия
- CC-BY-SA-4.0
- Размер
- 64 × 64
- Категория
- Флаги
- Теги
- flagfor, forcanada, flagforcanada, flag for flag canada
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-canada.svg" alt="Иконка Flag For Canada" width="24" height="24">Похожие иконки в наборе Emoji One (v1)
Иконка Flag For Canada в других наборах
Вопросы и ответы: Иконка Flag For Canada
Можно ли бесплатно использовать иконку Flag For Canada в коммерческих проектах?
Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Flag For Canada в React?
Установите @iconify/react и выведите <Icon icon="emojione-v1:flag-for-canada" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Flag For Canada на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-canada.svg" alt="Иконка Flag For Canada">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.