Icône Grimmory
thesvg-color:grimmory
L'icône Grimmory (thesvg-color:grimmory) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 814 × 1024. 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
- 814 × 1024
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="814" height="1024" viewBox="0 0 814 1024"><g fill="none"><path fill="#fff" d="M210.062 866.448V1024l52.501-52.527L315.094 1024V866.448z"/><path fill="url(#SVGzdw8hbHt)" d="M315.094 236.299H787.72c14.505 0 26.251-11.745 26.251-26.249V26.249C813.971 11.745 802.225 0 787.72 0H105.031c-19.144 0-37.056 5.138-52.53 14.093a105.35 105.35 0 0 0-38.436 38.434C5.139 67.971 0 85.881 0 105.025v761.423c0 58.018 47.01 105.025 105.031 105.025h67.153v-52.498h-67.153c-29.01 0-52.53-23.518-52.53-52.527s23.52-52.527 52.53-52.527H761.47c29.01 0 52.53-23.518 52.53-52.527v-420.07c0-29.009-23.52-52.528-52.53-52.528H315.094c-14.505 0-26.251 11.745-26.251 26.249v183.801c0 14.505 11.746 26.249 26.251 26.249h236.313c14.505 0 26.25 11.745 26.25 26.249s-11.745 26.249-26.25 26.249H315.094c-43.516 0-78.781-35.263-78.781-78.776V315.016c0-43.513 35.265-78.776 78.781-78.776z"/><path fill="url(#SVGzdw8hbHt)" d="M787.72 918.975H354.528v52.498H787.72c14.505 0 26.251-11.745 26.251-26.249s-11.746-26.249-26.251-26.249"/><defs><linearGradient id="SVGzdw8hbHt" x1="407" x2="407" y1="0" y2="971.473" gradientUnits="userSpaceOnUse"><stop stop-color="#fdba74"/><stop offset="1" stop-color="#f97316"/></linearGradient></defs></g></svg>Comment utiliser l'icône Grimmory
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:grimmory" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:grimmory" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:grimmory" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--grimmory]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:grimmory"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:grimmory"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/grimmory.svg" alt="Icône Grimmory" width="24" height="24">L'icône Grimmory dans d'autres collections
FAQ : Icône Grimmory
L'icône Grimmory 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 Grimmory dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:grimmory" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Grimmory à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/grimmory.svg" alt="Icône Grimmory">, ou collez le code SVG directement dans la page pour le styliser en CSS.