Gaijin Pass アイコン
arcticons:gaijin-pass
Gaijin Pass アイコン(arcticons:gaijin-pass)は、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
- タグ
- gaijinpass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.947 19.889c-3.27-.653-4.889-1.073-7.391-.19s-4.584 1.493-4.5 3.133s.967 1.682 1.766 4.248s.715 3.553 1.62 3.7s2.102-1.072 4.184-1.45s3.533-.274 3.722-.82s-.168-1.83-.589-3.239s-.589-1.935-1.703-1.935s-1.388.508-2.334.664s-1.41-.075-1.493.62s.525 2.04.525 2.04"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 43.5c1.772-.028 12.344-3.84 15.08-11.15c.608-1.628.64-2.326.64-14.05c0-6.785-.268-12.502-.268-12.502C39.45 5.798 36.308 4.5 24 4.5S8.55 5.797 8.548 5.798c0 0-.268 5.717-.268 12.502c0 11.724.032 12.422.64 14.05C11.657 39.66 22.229 43.472 24 43.5"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.074 34.945c.494-1.643.491-1.657-.448-2.145c-3.521-1.833-5.215-7.838-3.372-11.952c2.027-4.523 7.057-6.988 11.663-5.716c.764.21 1.468.303 1.565.206s.003-1.573-.209-3.279c-.431-3.461-.181-4.456 1.074-4.278c.688.099.764.297.671 1.774c-.07 1.135.166 2.32.747 3.732a99 99 0 0 1 1.106 2.78c.25.702.259.702.643.018c.341-.608.397-2.92.166-6.905c-.047-.804.133-1.33.543-1.592c.97-.62 1.49.238 1.535 2.531c.022 1.121.16 3.478.309 5.237c.235 2.795.174 3.47-.488 5.332c-1.174 3.302-1.3 5.977-.408 8.609c1.27 3.742 1.34 3.654-2.922 3.654c-3.28 0-3.859.1-5.42.931c-.962.513-2.345 1.247-3.073 1.633s-1.966.786-2.752.892l-1.428.191z"/></svg>Gaijin Pass アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:gaijin-pass" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:gaijin-pass" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:gaijin-pass" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--gaijin-pass]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:gaijin-pass"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:gaijin-pass"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/gaijin-pass.svg" alt="Gaijin Pass アイコン" width="24" height="24">Gaijin Pass アイコン のよくある質問
Gaijin Pass アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Gaijin Pass アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:gaijin-pass" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gaijin Pass アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/gaijin-pass.svg" alt="Gaijin Pass アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。