Autoplay Rounded アイコン
material-symbols-light:autoplay-rounded
Autoplay Rounded アイコン(material-symbols-light:autoplay-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- オーディオ・ビデオ
- タグ
- autoplayrounded、autoplay outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 14.844V9.156q0-.242.205-.354t.416.025l4.421 2.825q.187.13.187.348t-.187.348l-4.42 2.825q-.213.137-.417.025T10 14.844m-7 1.437V19.5q0 .214-.143.357T2.5 20t-.357-.143T2 19.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213 0 .356.144q.144.143.144.357q0 .213-.144.356q-.143.144-.356.144H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.812 0 5.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081 2.939-3.622 4.737T12 22q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281M2.556 11q-.214 0-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.135-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934 1.723q-.337.861-.556 1.886q-.062.239-.21.401T2.555 11M11 2.589q0 .244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96q-.208.14-.418.134q-.211-.006-.388-.182q-.146-.166-.109-.361t.215-.336q1.013-.708 2.024-1.13q1.01-.422 2.243-.628q.239-.036.41.089t.171.339m6.946 2.046q-.177.177-.39.17t-.422-.166q-.823-.598-1.684-.945t-1.886-.527q-.258-.042-.411-.191T13 2.589q0-.214.159-.339q.158-.125.391-.089q1.239.206 2.242.626q1.004.419 2.024 1.132q.196.135.246.343t-.116.373M21.412 11q-.245 0-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752 1 1.18 2.023q.43 1.023.636 2.261q.036.252-.08.42q-.115.169-.347.169"/></svg>Autoplay Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:autoplay-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:autoplay-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:autoplay-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--autoplay-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:autoplay-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:autoplay-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/autoplay-rounded.svg" alt="Autoplay Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Autoplay Rounded アイコン
Autoplay Rounded アイコン のよくある質問
Autoplay Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Autoplay Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:autoplay-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Autoplay Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/autoplay-rounded.svg" alt="Autoplay Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。