ICONYZ
日本語
Glyphs の Speedometer 3 Outline アイコン

Speedometer 3 Outline アイコン

glyphs:speedometer-3-outline

Speedometer 3 Outline アイコン(glyphs:speedometer-3-outline)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Glyphs
作者
Goran Spasojevic
ライセンス
MIT
サイズ
80 × 80
タグ
speedometeroutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M40.997 27.701a2 2 0 0 1 .594 1.422v2a2 2 0 0 1-1.978 2h-.007a2 2 0 0 1-2.022-2v-2a2 2 0 0 1 1.979-2h.007a2 2 0 0 1 1.427.578m8.738 2.584a2 2 0 0 1 2.501-1.29l.007.002a2 2 0 0 1 1.303 2.526l-.618 1.902a2 2 0 0 1-2.5 1.291l-.006-.002a2 2 0 0 1-1.305-2.527zm-21.22-.925a2 2 0 0 1 1.003 1.168l.619 1.902a2 2 0 0 1-1.264 2.513l-.007.003a2 2 0 0 1-2.54-1.278l-.618-1.902a2 2 0 0 1 1.265-2.514l.006-.002a2 2 0 0 1 1.536.11m32.446 5.813a2 2 0 0 1 2.78-.452l.002.002h.001l.002.002a2 2 0 0 1 .457 2.803l-1.176 1.619a2 2 0 0 1-2.779.453l-.005-.004a2 2 0 0 1-.458-2.805zm-43.776-.408a2 2 0 0 1 1.314.8l1.176 1.619a2 2 0 0 1-.428 2.783l-.006.004a2 2 0 0 1-2.808-.432l-1.176-1.618a2 2 0 0 1 .429-2.783l.006-.005a2 2 0 0 1 1.493-.368M41.59 37a2 2 0 1 0-4 0v10a2 2 0 0 0 4 0z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M30.091 22.485a44.9 44.9 0 0 1 42.413 12.714c1.596 1.666 1.357 4.246-.288 5.68L53.058 57.592c-1.71 1.492-4.086 1.163-5.54-.074a11.476 11.476 0 0 0-14.924.043c-1.446 1.245-3.82 1.588-5.539.106l-19.254-16.6c-1.653-1.426-1.906-4.004-.32-5.68a44.9 44.9 0 0 1 22.61-12.902m19.091 3.9A40.9 40.9 0 0 0 10.45 38.067l19.217 16.568h.001a.2.2 0 0 0 .055.005a.46.46 0 0 0 .261-.112a15.47 15.47 0 0 1 20.127-.058a.46.46 0 0 0 .262.11a.2.2 0 0 0 .055-.005h.001l19.12-16.678a40.9 40.9 0 0 0-20.367-11.514M29.667 54.635" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.667 54.636L10.45 38.068a40.89 40.89 0 0 1 38.732-11.684A40.9 40.9 0 0 1 69.55 37.898L50.429 54.576m-20.762.06q0 0 0 0m0 0a.2.2 0 0 0 .055.005a.46.46 0 0 0 .261-.112a15.47 15.47 0 0 1 20.127-.058a.46.46 0 0 0 .262.11a.2.2 0 0 0 .055-.005h.001m0 0q0 0 0 0M63.74 34.721a2 2 0 0 0-2.78.452l-1.176 1.618a2 2 0 0 0 .458 2.805l.005.004a2 2 0 0 0 2.78-.453l1.175-1.619a2 2 0 0 0-.457-2.803l-.002-.001v-.001zm0 0l-1.162 1.628M50.072 22.485a44.9 44.9 0 0 0-42.59 12.901c-1.587 1.676-1.334 4.254.32 5.68l19.253 16.6c1.72 1.482 4.093 1.14 5.54-.106a11.476 11.476 0 0 1 14.924-.043c1.453 1.237 3.829 1.566 5.54.073l19.157-16.71c1.645-1.435 1.884-4.015.288-5.681a44.9 44.9 0 0 0-22.432-12.714m-8.481 6.638a2 2 0 0 0-2.021-2h-.007a2 2 0 0 0-1.979 2v2a2 2 0 0 0 2.022 2h.007a2 2 0 0 0 1.978-2zm10.645-.128a2 2 0 0 0-2.5 1.29l-.619 1.902a2 2 0 0 0 1.305 2.527l.006.002a2 2 0 0 0 2.5-1.29l.618-1.903a2 2 0 0 0-1.303-2.526zm-22.718 1.532a2 2 0 0 0-2.539-1.277l-.006.002a2 2 0 0 0-1.265 2.514l.618 1.902a2 2 0 0 0 2.54 1.278l.007-.003a2 2 0 0 0 1.264-2.513zm-11.02 5.039a2 2 0 0 0-2.806-.433l-.006.005a2 2 0 0 0-.429 2.783l1.176 1.618a2 2 0 0 0 2.808.432l.006-.004a2 2 0 0 0 .428-2.783zM39.59 35a2 2 0 0 1 2 2v10a2 2 0 0 1-4 0V37a2 2 0 0 1 2-2"/></g></svg>

Speedometer 3 Outline アイコンの使い方

React

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

<Icon icon="glyphs:speedometer-3-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:speedometer-3-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:speedometer-3-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--speedometer-3-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:speedometer-3-outline"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:speedometer-3-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/speedometer-3-outline.svg" alt="Speedometer 3 Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Speedometer 3 Outline アイコン のよくある質問

Speedometer 3 Outline アイコンは商用利用でも無料ですか?

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

React で Speedometer 3 Outline アイコンを使うには?

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

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

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

Glyphs アイコン をすべて見る →