Icône Flag Outline
cuida:flag-outline
L'icône Flag Outline (cuida:flag-outline) est une icône SVG gratuite de la collection Cuida Icons par Sysvale. Elle est dessinée sur une grille de 24 × 24. Les Cuida Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Cuida Icons
- Auteur
- Sysvale
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- flagoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="flag-outline"><g fill="currentColor" class="Vector"><path d="M3 3a1 1 0 0 1 2 0v18a1 1 0 1 1-2 0z"/><path fill-rule="evenodd" d="M5.757 5.481c-.34.127-.543.244-.626.312A1 1 0 1 1 3.87 4.24c.327-.266.762-.475 1.192-.635a9 9 0 0 1 1.479-.399c1.01-.185 2.237-.244 3.213.087c.337.114.68.284.987.44l.188.095c.259.132.512.261.786.385c.665.302 1.364.53 2.15.53c.784 0 1.845-.324 2.916-.718q.387-.143.747-.282l.016-.006c.23-.089.456-.175.66-.25c.208-.075.413-.146.598-.198c.163-.047.398-.105.632-.105h.016c.107 0 .373-.002.633.096c.38.144.622.431.748.75c.101.254.133.534.148.767q.024.38.022.945a1 1 0 1 1-2 0q0-.236-.003-.415l-.109.04q-.283.104-.64.241l-.007.003c-.238.09-.498.19-.77.29c-1.047.386-2.421.841-3.607.841c-1.184 0-2.18-.346-2.976-.707c-.32-.145-.624-.3-.885-.434l-.167-.085a6 6 0 0 0-.725-.329c-.502-.17-1.331-.175-2.211-.013a7 7 0 0 0-1.143.306ZM20 10.678a1 1 0 0 1 1 1v2.015c0 1.06-.804 1.909-1.699 2.153c-.206.056-.449.125-.714.2c-.554.158-1.208.344-1.849.504c-.946.235-2.002.45-2.874.45c-1.184 0-2.18-.347-2.976-.707a21 21 0 0 1-1.052-.52a6 6 0 0 0-.725-.328c-.516-.175-1.356-.194-2.233-.054a7 7 0 0 0-1.138.28c-.34.118-.534.23-.609.291a1 1 0 0 1-1.262-1.551c.335-.273.778-.477 1.21-.628c.448-.157.96-.283 1.483-.367c1.014-.162 2.23-.191 3.19.135c.338.114.68.283.988.439l.188.095c.259.133.512.262.786.386c.665.302 1.364.529 2.15.529c.61 0 1.461-.16 2.391-.391c.611-.152 1.196-.319 1.73-.471q.419-.12.79-.222a.36.36 0 0 0 .17-.117c.052-.062.055-.104.055-.106v-2.015a1 1 0 0 1 1-1" clip-rule="evenodd"/><path d="M19 5a1 1 0 1 1 2 0v7.153a1 1 0 1 1-2 0z"/></g></g></svg>
Comment utiliser l'icône Flag Outline
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:flag-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:flag-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:flag-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--flag-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:flag-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:flag-outline"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/cuida/flag-outline.svg" alt="Icône Flag Outline" width="24" height="24">
L'icône Flag Outline dans d'autres collections
FAQ : Icône Flag Outline
L'icône Flag Outline est-elle gratuite pour un usage commercial ?
Oui. Les Cuida Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Flag Outline dans React ?
Installez @iconify/react et affichez <Icon icon="cuida:flag-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flag Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cuida/flag-outline.svg" alt="Icône Flag Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Cuida Icons →
ICONYZ
