Geocaching アイコン
simple-icons:geocaching
Geocaching アイコン(simple-icons:geocaching)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 11.239h1.918c.151-1.738.841-3.819 2.521-5.498C2.81 4.532 2.484 3.136 2.484 2.36h.652c.068.682.357 1.656 2.247 2.753C7.167 4.067 7.532 3.037 7.631 2.36h.652c0 .721-.317 2.082-1.951 3.38c1.366.89 2.506 2.195 2.928 4.237H7.576c-.294-1.461-1.04-2.616-2.193-3.504c-1.169 1.143-1.774 3.023-1.811 4.766h6.57V1.098H0zM5.383 2.63c.469 0 .85.377.85.842s-.38.841-.85.841a.846.846 0 0 1-.85-.841a.847.847 0 0 1 .85-.842M3.574 12.779h6.567v6.567a7.34 7.34 0 0 1-3.775-1.528L5.195 18.99a9 9 0 0 0 4.946 2.012v1.919H0V12.779h1.919a9 9 0 0 0 2.03 4.968l1.171-1.171a7.33 7.33 0 0 1-1.546-3.797m8.108-11.681h10.142V11.24h-1.919a9 9 0 0 0-2.012-4.947l-1.171 1.171a7.34 7.34 0 0 1 1.528 3.776h-6.568V4.672a7.35 7.35 0 0 1 3.798 1.545l1.171-1.171a9 9 0 0 0-4.968-2.03zm0 11.681h10.142V22.92h-5.988l-1.172-4.736c.473-.572.965-.836 2.137-1.018c2.184-.341 2.576-2.232 2.576-2.232c-1.02.245-1.837.001-2.799-.234c-.949-.231-1.859-.211-2.727.092c-.659.23-.818.445-.818.445l1.907 7.683h-3.257zm11.4-11.7a.894.894 0 0 0-.913.918c0 .521.392.913.913.913A.894.894 0 0 0 24 1.997a.895.895 0 0 0-.918-.918m0 1.679a.74.74 0 0 1-.753-.761c0-.437.319-.764.753-.764c.437 0 .759.327.759.764a.74.74 0 0 1-.759.761m.379-.907c0-.201-.149-.298-.327-.298h-.411v.889h.204v-.309h.084l.259.309h.22v-.04l-.251-.28c.118-.028.222-.122.222-.271m-.335.133h-.199v-.262h.199c.076 0 .133.044.133.131c.001.081-.057.131-.133.131"/></svg>Geocaching アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:geocaching" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:geocaching" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:geocaching" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--geocaching]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:geocaching"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:geocaching"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/geocaching.svg" alt="Geocaching アイコン" width="24" height="24">他のアイコンセットの Geocaching アイコン
Geocaching アイコン のよくある質問
Geocaching アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Geocaching アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:geocaching" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geocaching アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/geocaching.svg" alt="Geocaching アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。