ICONYZ
日本語
Material Symbols Light の Simulation Outline Rounded アイコン

Simulation Outline Rounded アイコン

material-symbols-light:simulation-outline-rounded

Simulation Outline Rounded アイコン(material-symbols-light:simulation-outline-rounded)は、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
カテゴリ
ソーシャル
タグ
simulationoutline、outlinerounded、simulationoutlinerounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.809 12.499q-.501-.501-.501-1.191t.5-1.192q.502-.5 1.192-.5t1.191.5t.501 1.192q0 .69-.5 1.191Q12.69 13 12 13t-1.191-.501m-7.79-3.78v8.15q.215.46.965.832t1.824.555V9.83q-.973-.183-1.668-.46q-.696-.279-1.12-.652m17.96-.006q-.424.373-1.116.651t-1.672.461v8.43q1.074-.182 1.824-.554t.965-.832zM2.02 16.981V7.404q0-1.195 2.51-1.796q2.51-.602 7.47-.602t7.47.602t2.51 1.796v9.577q-.038.782-.922 1.388q-.885.606-2.524.954q-.534.125-.938-.236q-.404-.36-.404-.895v-8.119q0-.477.3-.845q.3-.369.777-.474q1.025-.252 1.684-.584t.953-.743q-.787-.713-3.05-1.07T12 6q-3.67 0-6.029.386q-2.36.385-2.877 1.041q.256.412.915.746q.658.335 1.722.587q.477.111.777.474t.3.839v8.12q0 .534-.404.885q-.404.35-.939.245q-1.638-.348-2.523-.954q-.884-.605-.923-1.388m1-8.262v9.152zm17.962-.005v8.965zM12 13.846q1.512 0 2.448.567t.937 1.493q0 .211-.134.345t-.345.134H9.094q-.211 0-.345-.134t-.133-.345q0-.927.936-1.494T12 13.846"/></svg>

Simulation Outline Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:simulation-outline-rounded" width="24" />

Vue

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

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

Svelte

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

<Icon icon="material-symbols-light:simulation-outline-rounded" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:simulation-outline-rounded"></iconify-icon>

HTML 画像

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

Material Symbols Light の関連アイコン

他のアイコンセットの Simulation Outline Rounded アイコン

Simulation Outline Rounded アイコン のよくある質問

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

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

React で Simulation Outline Rounded アイコンを使うには?

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

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

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

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