Icône Shiki
thesvg-color:shiki
L'icône Shiki (thesvg-color:shiki) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 266 × 266. Les theSVG Color icons sont publiées sous la licence MIT, 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 266 × 266
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="266" height="266" viewBox="0 0 266 266"><g fill="none"><circle cx="219.5" cy="46.5" r="46.5" fill="#cb7676"/><path fill="#4b9978" d="M0 48h266v65H0z"/><path fill="#83d0da" d="M109.463 144.426q-.676-8.451-6.339-13.184q-5.578-4.734-16.988-4.733q-7.269 0-11.917 1.775q-4.563 1.69-6.761 4.648t-2.282 6.761q-.169 3.128 1.099 5.663q1.352 2.451 4.225 4.479q2.874 1.944 7.353 3.55q4.48 1.607 10.65 2.874l14.198 3.042q14.368 3.043 24.595 8.029q10.226 4.988 16.734 11.748q6.508 6.677 9.55 15.044q3.128 8.367 3.212 18.256q-.084 17.071-8.536 28.905q-8.452 11.832-24.172 18.002q-15.636 6.17-37.61 6.169q-22.566 0-39.385-6.676q-16.734-6.678-26.03-20.538q-9.213-13.946-9.298-35.666h44.625q.423 7.944 3.972 13.354t9.974 8.198q6.507 2.789 15.466 2.789q7.522 0 12.593-1.86q5.071-1.859 7.691-5.155t2.705-7.522q-.085-3.973-2.62-6.931q-2.451-3.042-8.114-5.409q-5.662-2.45-15.298-4.564l-17.241-3.718q-22.989-4.987-36.258-16.65q-13.184-11.748-13.1-32.032q-.084-16.48 8.79-28.82q8.96-12.424 24.763-19.355q15.89-6.93 36.427-6.93q20.96 0 36.258 7.015q15.297 7.015 23.58 19.777q8.367 12.678 8.452 29.665z"/><path fill="#e6cc78" d="M217 0v266h-65V0z"/></g></svg>Comment utiliser l'icône Shiki
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:shiki" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:shiki" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:shiki" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--shiki]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:shiki"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:shiki"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/shiki.svg" alt="Icône Shiki" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Shiki
L'icône Shiki est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Shiki dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:shiki" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Shiki à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/shiki.svg" alt="Icône Shiki">, ou collez le code SVG directement dans la page pour le styliser en CSS.