ICONYZ
日本語
Material Symbols Light の Speed 3 Outline アイコン

Speed 3 Outline アイコン

material-symbols-light:speed-3-outline

Speed 3 Outline アイコン(material-symbols-light:speed-3-outline)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
オーディオ・ビデオ
タグ
speedoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.106 19q-.285 0-.524-.103t-.38-.347q-.579-1.054-.89-2.194T3.006 14q0-1.966.797-3.726t2.268-3.051l.314 1.098q-1.162 1.125-1.77 2.594q-.61 1.469-.61 3.085q0 1.05.276 2.075T5.107 18h13.792q.525-.925.813-1.937T20 14q0-3.35-2.325-5.675T12 6q-.215 0-.42.01t-.42.046l-.652-.916q.383-.067.746-.104T12 5q1.868 0 3.51.709t2.858 1.924t1.923 2.857T21 14q0 1.177-.302 2.315t-.894 2.158q-.14.244-.38.386q-.24.141-.524.141zm7.623-3.508q.619-.298.823-.936t-.18-1.19q-1.316-1.903-2.602-3.768T8.16 5.854q.59 2.225 1.206 4.41q.617 2.184 1.284 4.378q.194.65.823.896t1.256-.046m-.646-1.363"/></svg>

Speed 3 Outline アイコンの使い方

React

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

<Icon icon="material-symbols-light:speed-3-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:speed-3-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:speed-3-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--speed-3-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:speed-3-outline"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:speed-3-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/speed-3-outline.svg" alt="Speed 3 Outline アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Speed 3 Outline アイコン

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

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

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

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

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

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

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

Material Symbols Light アイコン をすべて見る →