ICONYZ
Français
Icône Jo de CoreUI Flags

Icône Jo

cif:jo

L'icône Jo (cif:jo) est une icône SVG gratuite de la collection CoreUI Flags par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 301 × 151. Les CoreUI Flags icons sont publiées sous la licence CC0 1.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
CoreUI Flags
Auteur
creativeLabs Łukasz Holeczek
Licence
CC0-1.0
Taille
301 × 151
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="301" height="151" viewBox="0 0 301 151"><g fill="none"><path fill="#000" d="M.5.5h300v150H.5z"/><path fill="#FFF" d="M.5 50.5h300v50H.5z"/><path fill="#007A3D" d="M.5 100.5h300v50H.5z"/><path fill="#CE1126" d="m150.5 75.5l-150 75V.5z"/><path fill="#FFF" d="m56.853 78.091l-6.392.596l.842 6.385l-4.45-4.641l-4.451 4.641l.843-6.385l-6.392-.596l5.501-3.32l-3.521-5.386l6.018 2.244l2.002-6.119l2.002 6.119l6.017-2.244l-3.52 5.386z"/></g></svg>

Comment utiliser l'icône Jo

React

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

<Icon icon="cif:jo" width="24" />

Vue

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

<template>
  <Icon icon="cif:jo" width="24" />
</template>

Svelte

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

<Icon icon="cif:jo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--jo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:jo"></div>

Web component

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

<iconify-icon icon="cif:jo"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/cif/jo.svg" alt="Icône Jo" width="24" height="24">

L'icône Jo dans d'autres collections

FAQ : Icône Jo

L'icône Jo est-elle gratuite pour un usage commercial ?

Oui. Les CoreUI Flags icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Jo dans React ?

Installez @iconify/react et affichez <Icon icon="cif:jo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Jo à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cif/jo.svg" alt="Icône Jo">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes CoreUI Flags →