Creature Journal アイコン
arcticons:creature-journal
Creature Journal アイコン(arcticons:creature-journal)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- creaturejournal
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="30.565" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.908 22.414c0-.854.346-1.627.906-2.187a3.092 3.092 0 0 1 5.278 2.186c0 .854-.288 1.692-.906 2.187c-.64.513-2.197 1.354-2.197 2.662"/><rect width="31" height="39" x="8.5" y="4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33 37c0 .555-.45 1.005-1.005 1.005c-.617 0-.804-.324-.995-.502S30.622 37 30.005 37C29.45 37 29 37.45 29 38.005M26 37c0 .555-.45 1.005-1.005 1.005c-.617 0-.804-.324-.995-.502S23.622 37 23.005 37C22.45 37 22 37.45 22 38.005M19 37c0 .555-.45 1.005-1.005 1.005c-.617 0-.804-.324-.995-.502S16.622 37 16.005 37C15.45 37 15 37.45 15 38.005M11.1 8.5h9v9h-9z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.702 11.102h3.797v3.797h-3.797zm15.163 3.225v.032a2.65 2.65 0 0 1-2.65 2.65h0a2.65 2.65 0 0 1-2.65-2.65v-2.7a2.65 2.65 0 0 1 2.65-2.65h0a2.65 2.65 0 0 1 2.65 2.65v.033m2.703 4.698c.552.462 1.149.674 2.488.674h.312a2 2 0 0 0 2-2h0a2 2 0 0 0-2-1.999"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.567 9.733c.554-.462 1.15-.672 2.49-.669l.31.002a2 2 0 0 1 2 2h0a2 2 0 0 1-2 2m-1.536-.001h1.537"/></svg>Creature Journal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:creature-journal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:creature-journal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:creature-journal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--creature-journal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:creature-journal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:creature-journal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/creature-journal.svg" alt="Creature Journal アイコン" width="24" height="24">Creature Journal アイコン のよくある質問
Creature Journal アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Creature Journal アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:creature-journal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Creature Journal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/creature-journal.svg" alt="Creature Journal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。