Journey アイコン
game-icons:journey
Journey アイコン(game-icons:journey)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M424.188 85.594c.33.05-.86.094-3.313.094c-18.512 0-35.78 20.06-35.78 47.5c0 13.83 4.712 26.208 11.624 34.78l10.217 12.626l-16.062 2.47c-10.56 1.617-17.663 6.432-23.625 14.342s-10.344 19.18-13.25 32.344c-5.186 23.492-5.59 52.425-5.625 78.156h30.438l.593 8.72l7.094 106.593h65.813l8.03-106.69l.657-8.624h32c-.24-25.383-1.62-53.933-7.344-77.25c-3.213-13.086-7.783-24.354-13.687-32.375c-5.905-8.02-12.7-12.85-22.064-14.593l-15.72-2.937l10.283-12.25c7.228-8.623 12.186-21.138 12.186-35.313c0-25.74-15.5-45.406-32.28-47.562l-.188-.03zm-244.75 3.375c-45.9.006-99.844 5.373-161.625 17.905V126c268.018-37.648 341.545 38.15 226.25 79.344c-117.327 41.92-210.503 252.258 159.406 270.594c4.362.438 8.85.687 13.436.687c22.28 0 42.34-5.452 56.125-13.594c13.787-8.14 20.595-18.14 20.595-27.905s-6.808-19.764-20.594-27.906c-.23-.138-.482-.272-.717-.408l-2 26.47l-.657 8.656H369l-.563-8.75l-3.28-49.5c-128.194 2.8-163.256-100.51-80.094-130.47c20.385-7.344 37.086-15.836 50.187-25.03c.17-.822.32-1.655.5-2.47c3.262-14.774 8.256-28.498 16.594-39.562c4.946-6.563 11.24-12.07 18.72-15.97c-3.124-42.547-68.335-81.236-191.627-81.217z"/></svg>Journey アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:journey" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:journey" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:journey" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--journey]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:journey"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:journey"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/journey.svg" alt="Journey アイコン" width="24" height="24">他のアイコンセットの Journey アイコン
Journey アイコン のよくある質問
Journey アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Journey アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:journey" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Journey アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/journey.svg" alt="Journey アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。