Icône In
cif:in
L'icône In (cif:in) est une icône SVG gratuite de la collection CoreUI Flags par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 301 × 201. 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 × 201
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="201" viewBox="0 0 301 201"><g fill="none"><path fill="#F93" d="M.5.5h300v200H.5z"/><path fill="#FFF" d="M.5 67.166h300v66.667H.5z"/><path fill="#128807" d="M.5 133.833h300V200.5H.5z"/><circle cx="150.5" cy="100.5" r="26.667" fill="#008"/><circle cx="150.5" cy="100.5" r="23.333" fill="#FFF"/><circle cx="150.5" cy="100.5" r="4.667" fill="#008"/><circle cx="173.634" cy="103.546" r="1.167" fill="#008"/><path fill="#008" d="m150.5 123.833l.8-14l-.8-6.667l-.8 6.667z"/><circle cx="172.057" cy="109.429" r="1.167" fill="#008"/><path fill="#008" d="m144.461 123.038l4.396-13.316l.953-6.647l-2.498 6.232z"/><circle cx="169.012" cy="114.704" r="1.167" fill="#008"/><path fill="#008" d="m138.834 120.707l7.693-11.724l2.641-6.174l-4.026 5.373z"/><circle cx="164.705" cy="119.011" r="1.167" fill="#008"/><path fill="#008" d="m134.001 116.999l10.465-9.334l4.148-5.28l-5.28 4.148z"/><circle cx="159.429" cy="122.057" r="1.167" fill="#008"/><path fill="#008" d="m130.293 112.166l12.525-6.307l5.373-4.026l-6.174 2.641z"/><circle cx="153.546" cy="123.634" r="1.167" fill="#008"/><path fill="#008" d="m127.962 106.539l13.73-2.851l6.232-2.498l-6.647.953z"/><circle cx="147.454" cy="123.634" r="1.167" fill="#008"/><path fill="#008" d="m127.167 100.5l14 .8l6.667-.8l-6.667-.8z"/><circle cx="141.571" cy="122.057" r="1.167" fill="#008"/><path fill="#008" d="m127.962 94.461l13.316 4.396l6.647.953l-6.232-2.498z"/><circle cx="136.296" cy="119.011" r="1.167" fill="#008"/><path fill="#008" d="m130.293 88.833l11.724 7.693l6.174 2.64l-5.373-4.026z"/><circle cx="131.989" cy="114.704" r="1.167" fill="#008"/><path fill="#008" d="m134.001 84.001l9.334 10.465l5.28 4.148l-4.148-5.28z"/><circle cx="128.943" cy="109.429" r="1.167" fill="#008"/><path fill="#008" d="m138.834 80.293l6.307 12.524l4.026 5.374l-2.641-6.174z"/><circle cx="127.366" cy="103.546" r="1.167" fill="#008"/><path fill="#008" d="m144.461 77.962l2.851 13.73l2.498 6.232l-.953-6.646z"/><circle cx="127.366" cy="97.454" r="1.167" fill="#008"/><path fill="#008" d="m150.5 77.166l-.8 14l.8 6.667l.8-6.667z"/><circle cx="128.943" cy="91.57" r="1.167" fill="#008"/><path fill="#008" d="m156.539 77.962l-4.396 13.316l-.953 6.646l2.498-6.232z"/><circle cx="131.989" cy="86.295" r="1.167" fill="#008"/><path fill="#008" d="m162.167 80.293l-7.693 11.724l-2.64 6.174l4.026-5.374z"/><circle cx="136.296" cy="81.988" r="1.167" fill="#008"/><path fill="#008" d="m166.999 84.001l-10.465 9.334l-4.148 5.28l5.28-4.148z"/><circle cx="141.571" cy="78.943" r="1.167" fill="#008"/><path fill="#008" d="m170.707 88.833l-12.524 6.307l-5.373 4.026l6.174-2.64z"/><circle cx="147.454" cy="77.366" r="1.167" fill="#008"/><path fill="#008" d="m173.038 94.461l-13.73 2.851l-6.232 2.498l6.646-.953z"/><circle cx="153.546" cy="77.366" r="1.167" fill="#008"/><path fill="#008" d="m173.834 100.5l-14-.8l-6.667.8l6.667.8z"/><circle cx="159.429" cy="78.943" r="1.167" fill="#008"/><path fill="#008" d="m173.038 106.539l-13.316-4.396l-6.646-.953l6.232 2.498z"/><circle cx="164.705" cy="81.988" r="1.167" fill="#008"/><path fill="#008" d="m170.707 112.166l-11.724-7.693l-6.174-2.641l5.373 4.026z"/><circle cx="169.012" cy="86.295" r="1.167" fill="#008"/><path fill="#008" d="m166.999 116.999l-9.334-10.465l-5.28-4.148l4.148 5.28z"/><circle cx="172.057" cy="91.57" r="1.167" fill="#008"/><path fill="#008" d="m162.167 120.707l-6.307-12.525l-4.026-5.373l2.64 6.174z"/><circle cx="173.634" cy="97.454" r="1.167" fill="#008"/><path fill="#008" d="m156.539 123.038l-2.851-13.73l-2.498-6.232l.953 6.647z"/></g></svg>Comment utiliser l'icône In
React
import { Icon } from "@iconify/react";
<Icon icon="cif:in" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:in" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:in" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--in]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:in"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:in"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/cif/in.svg" alt="Icône In" width="24" height="24">L'icône In dans d'autres collections
FAQ : Icône In
L'icône In 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 In dans React ?
Installez @iconify/react et affichez <Icon icon="cif:in" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône In à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cif/in.svg" alt="Icône In">, ou collez le code SVG directement dans la page pour le styliser en CSS.