ICONYZ
日本語
Arcticons の Osmtracker アイコン

Osmtracker アイコン

arcticons:osmtracker

Osmtracker アイコン(arcticons:osmtracker)は、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
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="31.953" cy="18.152" r="10.548" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.157 39.41a15 15 0 0 1 1.836.57a50 50 0 0 0 6.263-2.066a78 78 0 0 0 8.464 2.438a24.4 24.4 0 0 0 8.531-2.235a23.6 23.6 0 0 1 2.179-8.463a11.4 11.4 0 0 0-1.342-4.788m1.342-11.351A28.9 28.9 0 0 0 39.15 4.5c-1.794 1.083-8.193 3.104-8.193 3.104s-4.841-2.534-8.294-2.732a53.5 53.5 0 0 1-8.125 2.37S8.613 4.5 5.498 4.974c1.693 2.674 2.946 8.541 2.946 8.541l-2.302 7.777s1.997 6.127 2.166 8.632a40 40 0 0 0-2.065 8.769s.971-.046 2.394.009"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m19.906 27.434l3.114 3.115l-12.952 12.952l-3.114-3.115zm5.699-.858l-3.278 3.278l-1.727-1.726l3.238-3.238m6.923-3.792a.949.949 0 1 1 .332-1.3a.95.95 0 0 1-.332 1.3m4.764-2.825a.949.949 0 1 1 .332-1.3a.95.95 0 0 1-.332 1.3"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.149 14.651a6.783 6.783 0 0 1 9.294 2.374h0a.964.964 0 0 1-.338 1.322h0L29.07 24.299a.965.965 0 0 1-1.322-.338h0a6.783 6.783 0 0 1 2.374-9.294Zm-5.554 2.118l2.814.963m7.262-6.938l-.505 2.931"/></svg>

Osmtracker アイコンの使い方

React

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

<Icon icon="arcticons:osmtracker" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:osmtracker" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:osmtracker" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:osmtracker"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/osmtracker.svg" alt="Osmtracker アイコン" width="24" height="24">

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →