Ícone Flag 16
qlementine-icons:flag-16
O ícone Flag 16 (qlementine-icons:flag-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine Icons 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
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Navegação
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 1.61v8.06q.146-.066.314-.134A7.3 7.3 0 0 1 5.004 9c1.38 0 2.36.557 3.22 1.05l.026.015c.879.502 1.65.934 2.75.934c.963 0 1.79-.121 2.36-.291c.287-.086.483-.178.596-.254l.047-.035v-8.3c-.105.047-.22.107-.36.179l-.292.148c-.547.273-1.25.553-2.35.553c-1.38 0-2.36-.557-3.22-1.05l-.026-.015C6.876 1.432 6.105 1 5.005 1c-.78 0-1.61.119-2.23.294a3 3 0 0 0-.699.27l-.068.044zm-1-.108c0-.224.105-.399.207-.516s.23-.209.355-.282c.252-.148.581-.271.935-.371c.715-.2 1.64-.331 2.5-.331c1.38 0 2.36.557 3.22 1.05l.026.015c.879.502 1.65.934 2.75.934c.9 0 1.45-.221 1.9-.447q.1-.05.209-.11c.384-.202.84-.443 1.39-.443a.5.5 0 0 1 .5.5v9c0 .384-.277.64-.484.78a3.2 3.2 0 0 1-.872.386c-.682.205-1.61.334-2.64.334c-1.38 0-2.36-.557-3.22-1.05l-.026-.015c-.879-.502-1.65-.934-2.75-.934c-.919 0-1.73.23-2.31.464a7 7 0 0 0-.681.318l-.005.003v4.71a.5.5 0 0 1-1 0v-14z" clip-rule="evenodd"/></svg>Como usar o ícone Flag 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:flag-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:flag-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:flag-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--flag-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:flag-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:flag-16"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/flag-16.svg" alt="Ícone Flag 16" width="24" height="24">O ícone Flag 16 em outras coleções
Perguntas frequentes sobre Ícone Flag 16
O ícone Flag 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Flag 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:flag-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Flag 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/flag-16.svg" alt="Ícone Flag 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.