Иконка Flag Chequered Sharp Two Tone

keyline-icons:flag-chequered-sharp-two-tone

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

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: flagchequered, chequeredsharp, sharptwo, twotone, flagchequeredsharptwotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5 4.5139C5.9674 4.8359 6.9804 5 8 5C8.1111 5 8.2223 4.998 8.3333 4.9942L8.3333 8.4926C8.2223 8.4975 8.1112 8.5 8 8.5C6.9676 8.5 5.9462 8.2868 5 7.8739L5 4.5139ZM15.6667 3.0074C15.7777 3.0025 15.8888 3 16 3C17.0324 3 18.0538 3.2132 19 3.6261L19 6.9861C18.0326 6.6641 17.0196 6.5 16 6.5C15.8889 6.5 15.7777 6.502 15.6667 6.5058L15.6667 3.0074ZM10.3333 10.209C10.9061 10.0639 11.4641 9.8656 12 9.6168C12.5213 9.3271 13.081 9.0639 13.6667 8.8722L13.6667 12.291C13.0939 12.4361 12.5359 12.6344 12 12.8832C11.4787 13.1729 10.919 13.4361 10.3333 13.6278L10.3333 10.209Z" stroke="none"/><path d="M4 14C5.2311 14.6566 6.6048 15 8 15C9.3952 15 10.7689 14.6566 12 14C13.2311 13.3434 14.6048 13 16 13C17.3952 13 18.7689 13.3434 20 14L20 3C18.7689 2.3434 17.3952 2 16 2C14.6048 2 13.2311 2.3434 12 3C10.7689 3.6566 9.3952 4 8 4C6.6048 4 5.2311 3.6566 4 3L4 23M9.3333 3.8948L9.3333 14.8948M14.6667 2.1052L14.6667 13.1052M4 8.5C5.2311 9.1566 6.6048 9.5 8 9.5C9.3952 9.5 10.7689 9.1566 12 8.5C13.2311 7.8434 14.6048 7.5 16 7.5C17.3952 7.5 18.7689 7.8434 20 8.5"/></g></svg>

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

React

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

<Icon icon="keyline-icons:flag-chequered-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:flag-chequered-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:flag-chequered-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flag-chequered-sharp-two-tone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:flag-chequered-sharp-two-tone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/flag-chequered-sharp-two-tone.svg" alt="Иконка Flag Chequered Sharp Two Tone" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →