Иконка Flag Chequered

boxicons:flag-chequered

Иконка Flag Chequered (boxicons:flag-chequered) — бесплатная SVG-иконка из набора Boxicons. Она нарисована на сетке 24 × 24. Boxicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Boxicons
Автор: Boxicons
Лицензия: MIT
Размер: 24 × 24
Теги: flagchequered

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.55 3.69c-.28-.18-.64-.21-.95-.08c-2.5 1.08-5.08.28-7.81-.56c-2.96-.91-6.02-1.85-9.19-.48c-.37.16-.6.52-.6.92v18.52h2V15.2c2.31-.73 4.69 0 7.21.77c1.89.58 3.81 1.17 5.78 1.17c1.12 0 2.26-.19 3.41-.69c.37-.16.6-.52.6-.92V4.52c0-.34-.17-.65-.45-.84Zm-12.74.37c-.16-.03-.31-.06-.47-.08c.16.02.31.05.47.08m7.41 10.89c.15.02.29.05.44.07c-.15-.02-.29-.04-.44-.07m3.79-6.08c-1 .27-2 .31-3 .2v3c1 .1 2 .06 3-.2v2.96c-.98.31-1.98.34-3 .23v-2.98c-1-.1-2-.34-3-.62v2.96c-.4-.12-.8-.24-1.21-.36c-.59-.18-1.19-.36-1.79-.53v-2.97c-1-.28-2-.52-3-.62v3c.05 0 .1.02.15.02c-.38-.04-.76-.08-1.14-.08c-.67 0-1.34.07-2.01.23v-2.97c1-.27 2-.31 3-.2v-3c-1-.1-2-.06-3 .2V4.18c.98-.31 1.98-.34 3-.23v2.98c1 .1 2 .34 3 .62V4.59c.4.12.8.24 1.21.36c.59.18 1.19.37 1.79.53v2.96c1 .28 2 .52 3 .62V6.07c.99.09 1.99.06 3-.18v2.97Z"/><path fill="currentColor" d="M11 7.55v3c1 .28 2 .62 3 .9v-3c-1-.28-2-.62-3-.9"/></svg>

Как использовать иконку Flag Chequered

React

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

<Icon icon="boxicons:flag-chequered" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:flag-chequered" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:flag-chequered" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--flag-chequered]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:flag-chequered"></div>

Веб-компонент

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

<iconify-icon icon="boxicons:flag-chequered"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/boxicons/flag-chequered.svg" alt="Иконка Flag Chequered" width="24" height="24">

Иконка Flag Chequered в других наборах

Вопросы и ответы: Иконка Flag Chequered

Можно ли бесплатно использовать иконку Flag Chequered в коммерческих проектах?

Да. Boxicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Flag Chequered в React?

Установите @iconify/react и выведите <Icon icon="boxicons:flag-chequered" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Flag Chequered на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/boxicons/flag-chequered.svg" alt="Иконка Flag Chequered">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Boxicons →