ICONYZ
日本語
Icons8 Windows 10 Icons の Adventures アイコン

Adventures アイコン

icons8:adventures

Adventures アイコン(icons8:adventures)は、Icons8 Windows 10 Icons セットの無料 SVG アイコンです(作者: Icons8)。 32 × 32 のグリッドで描かれています。 Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Icons8 Windows 10 Icons
作者
Icons8
ライセンス
MIT
サイズ
32 × 32
タグ
adventure
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3C8.832 3 3 8.832 3 16s5.832 13 13 13s13-5.832 13-13S23.168 3 16 3m-1.125 2.063c.04-.005.084.003.125 0V6h2v-.938A10.96 10.96 0 0 1 26.938 15H26v2h.938A10.96 10.96 0 0 1 17 26.938V26h-2v.938A10.96 10.96 0 0 1 5.062 17H6v-2h-.938c.472-5.243 4.587-9.41 9.813-9.938zm7.22 4.843l-8.5 3.688l-3.69 8.5l8.5-3.688zM16 14.5c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5"/></svg>

Adventures アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="icons8:adventures" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icons8:adventures" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icons8:adventures" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--adventures]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:adventures"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icons8:adventures"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icons8/adventures.svg" alt="Adventures アイコン" width="24" height="24">

Adventures アイコン のよくある質問

Adventures アイコンは商用利用でも無料ですか?

はい。Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Adventures アイコンを使うには?

@iconify/react をインストールして <Icon icon="icons8:adventures" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Adventures アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icons8/adventures.svg" alt="Adventures アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Icons8 Windows 10 Icons をすべて見る →