Gramps Light アイコン
selfhst:gramps-light
Gramps Light アイコン(selfhst:gramps-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- grampslight、gramp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M390.7 401.6v36.6l-23.8-.2l-.5-109l23.4.1v37.4h121.3v-86.9H389.9v36.8l-36.2-.1l.3 61.3h-37.3v-35.9H195.3v35.9h-22.7l-1.4-229.7l24.2-.2v36.6h121.3v-37.1h36.5l.3 49.2H390v36.9h121.3v-86.9H389.9v37.3H366l-.6-109.2h24.4v35.8h121.3V23.4H389.9v38.4h-37.3l.4 72.7h-36.4V97.4H195.3V135l-37 .2l.8 122.3h-37.8v-37.3H0v86.9h121.3v-36.9h37.9l.8 120.1h35.4v38.3h121.3v-38.3H354l.3 60.4l36.5.2v37.6H512v-86.9zm119.8-121.4l-5.7 5.7zm0 .2l-.1 85.1zm-108.7 11.2l.1.1H499l.1-.1l-.1.1l.1-.1v62.8h-97.4l.1-.1zm-11.2 74.2h120zm119.9-218.7l-2.4 2.4zm0 .2l-.1 85.1zm-108.7 11.1l.1.1H499l1-1l-1 1l.1.1v62.6H402l-.7.7l.5-.8zm-11.2 74.2h120zm119.8-123.2l.1-85.1zm-108.6-74l.1.1H499l.1.1v62.6h-97.4l.1-.1zm-85.9 148l.1-85.1zm-108.6-74l.1.1h97.3l-.1.1v62.6h-97.1l-.2-.1zm-98 185.6H12.2l-.2-.1v-62.7l.1.1h97.1l.1.2zm11.3-37.5v-36.4zm-5.7-30.9v.2l-.2-.1l5.9-5.9zm195.4 121.5l5.7-5.7zm-103 5.6l.1.1zl.1.1h97.1l.1.1v62.6h-97.1l-.1.1l-.1-.2zm-11.2 74.2h120zm315.2-25.6l-5.7 5.7zm0 .2l-.1 85.1zm-108.6 11.1l.1.1zl.1.1h97.1l.1-.1v62.8h-97.4l.1-.1zm-11.2 74.2h120z"/></svg>Gramps Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:gramps-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:gramps-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:gramps-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--gramps-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:gramps-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:gramps-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/gramps-light.svg" alt="Gramps Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Gramps Light アイコン のよくある質問
Gramps Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Gramps Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:gramps-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gramps Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/gramps-light.svg" alt="Gramps Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。