Ícone Grimmory
thesvg-color:grimmory
O ícone Grimmory (thesvg-color:grimmory) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 814 × 1024. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 814 × 1024
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/grimmory.svg" alt="Ícone Grimmory" width="24" height="24">O ícone Grimmory em outras coleções
Perguntas frequentes sobre Ícone Grimmory
O ícone Grimmory é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Grimmory no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:grimmory" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Grimmory a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/grimmory.svg" alt="Ícone Grimmory">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.