Grimmory アイコン
thesvg-color:grimmory
Grimmory アイコン(thesvg-color:grimmory)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 814 × 1024 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 814 × 1024
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:grimmory"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/grimmory.svg" alt="Grimmory アイコン" width="24" height="24">他のアイコンセットの Grimmory アイコン
Grimmory アイコン のよくある質問
Grimmory アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Grimmory アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:grimmory" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grimmory アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/grimmory.svg" alt="Grimmory アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。