Ícone Flag Chequered

boxicons:flag-chequered

O ícone Flag Chequered (boxicons:flag-chequered) é um ícone SVG gratuito da coleção Boxicons. Ele é desenhado em uma grade de 24 × 24. Boxicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Boxicons
Autor: Boxicons
Licença: MIT
Tamanho: 24 × 24
Tags: flagchequered

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/boxicons/flag-chequered.svg" alt="Ícone Flag Chequered" width="24" height="24">

Ícones relacionados em Boxicons

O ícone Flag Chequered em outras coleções

Perguntas frequentes sobre Ícone Flag Chequered

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

Sim. Boxicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Flag Chequered no React?

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

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

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

Ver todos os Boxicons →