Geocaching アイコン
cib:geocaching
Geocaching アイコン(cib:geocaching)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17.651.005v3.093c1.724.213 3.923.828 5.975 2.396l-1.584 2.141l-.02-.016s-1.641-1.407-4.36-1.844v8.563h8.437a10 10 0 0 0-1.536-4.161l2.26-1.5s1.677 2.281 2.037 5.661H32V-.001H17.651zm5.781 30.938l-.796.131l-1.745-10.729l.469-.073l8.739-.02l-7.541 5.416l.844 5.271h.031zm-5.781-13.292V32h14.344V17.656zm-9.047 9.005l1.584-2.14h.02s1.552 1.317 4.141 1.791v-8.656H6.12a10 10 0 0 0 1.568 4.313l-2.251 1.495s-1.724-2.349-2.036-5.808H0v14.344h14.349v-2.973c-1.688-.24-3.781-.865-5.745-2.36zM6.636 2.625c-.224 0-.412.14-.412.312s.188.308.412.308c.228 0 .411-.141.411-.308c0-.172-.187-.312-.411-.312m.041.854a1.203 1.203 0 0 1-1.208-1.197c0-.661.536-1.199 1.208-1.199c.667 0 1.203.543 1.203 1.204c0 .656-.536 1.192-1.197 1.192zm-1.781.084l-1.385.697a8 8 0 0 1-.317-.411L1.443 4.5l-.364-.579l4.312-.895l-.823.307c.104.083.192.145.323.229zM2.235 1.021a7.8 7.8 0 0 0 1.864 1.973l-1.339.24c-.5-.713-.943-1.412-1.344-2.265l.813.047zM0 0v14.344h3.208c-.135-1.308-.281-5.073 1.975-8.193c0 0-.5-.479-1.172-1.271L2.542 6.14l-.635-.541L5.73 3.422l-.448.381a8 8 0 0 0 1.62.739s1.859-1.036 3.697-3.536l.437.021c-.339 1.119-1.4 3.036-3.057 4.577c0 0 4.396 1.923 5.396 5.183c-.276-.161-1.859-.5-2.635-.323c-.141-.219-1.62-3.24-3.865-3.199c0 0-.5.599-.973 2.161c-.423 1.38-.245 4.276-.183 4.959h8.599V0z"/></svg>Geocaching アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:geocaching" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:geocaching" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:geocaching" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--geocaching]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:geocaching"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:geocaching"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/geocaching.svg" alt="Geocaching アイコン" width="24" height="24">他のアイコンセットの Geocaching アイコン
Geocaching アイコン のよくある質問
Geocaching アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Geocaching アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:geocaching" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geocaching アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/geocaching.svg" alt="Geocaching アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。