Ícone Flag Bold
solar:flag-bold
O ícone Flag Bold (solar:flag-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Interface
- Tags
- flagbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.75 1C6.16421 1 6.5 1.33579 6.5 1.75V3.6L8.22067 3.25587C9.8712 2.92576 11.5821 3.08284 13.1449 3.70797L13.3486 3.78943C14.9097 4.41389 16.628 4.53051 18.2592 4.1227C19.0165 3.93339 19.75 4.50613 19.75 5.28669V12.6537C19.75 13.298 19.3115 13.8596 18.6864 14.0159L18.472 14.0695C16.7024 14.5119 14.8385 14.3854 13.1449 13.708C11.5821 13.0828 9.8712 12.9258 8.22067 13.2559L6.5 13.6V21.75C6.5 22.1642 6.16421 22.5 5.75 22.5C5.33579 22.5 5 22.1642 5 21.75V1.75C5 1.33579 5.33579 1 5.75 1Z"/></svg>
Como usar o ícone Flag Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:flag-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:flag-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:flag-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--flag-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:flag-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:flag-bold"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/flag-bold.svg" alt="Ícone Flag Bold" width="24" height="24">
Ícones relacionados em Solar
O ícone Flag Bold em outras coleções
Perguntas frequentes sobre Ícone Flag Bold
O ícone Flag Bold é grátis para uso comercial?
Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Flag Bold no React?
Instale @iconify/react e renderize <Icon icon="solar:flag-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Flag Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/flag-bold.svg" alt="Ícone Flag Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Solar →
ICONYZ
