Shutter Speed Rounded アイコン
material-symbols-light:shutter-speed-rounded
Shutter Speed Rounded アイコン(material-symbols-light:shutter-speed-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
- カテゴリ
- 画像
- タグ
- aperture、camera、duration、image、lens、photo、photography、photos、picture、setting、shutter、speed、stop、time、timer、watch
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 3q-.213 0-.357-.143T9 2.5t.143-.357T9.5 2h5q.214 0 .357.143T15 2.5t-.143.357T14.5 3zM12 21q-1.664 0-3.118-.626t-2.545-1.716t-1.714-2.546Q4 14.659 4 13t.626-3.113t1.716-2.545t2.546-1.716T12 5q1.575 0 2.866.525q1.29.525 2.426 1.475l.981-.98q.14-.141.342-.154t.366.153q.16.16.162.351t-.156.357l-.975.98q.938 1.137 1.463 2.428T20 13q0 1.658-.633 3.113t-1.723 2.545t-2.545 1.716T12 21m0-1q2.925 0 4.963-2.037T19 13t-2.037-4.962T12 6T7.038 8.038T5 13t2.038 4.963T12 20m.548-8.77h4.858q.217 0 .326-.164t.047-.37q-.431-1.155-1.273-2.028q-.842-.872-1.967-1.374q-.137-.055-.283-.003q-.146.053-.227.19l-1.835 3.135q-.13.211-.006.413t.36.202m-1.829.404l2.454-4.185q.106-.18.022-.367t-.295-.237q-1.211-.19-2.394.1t-2.173 1.02q-.131.105-.159.242q-.028.136.053.273l1.796 3.153q.13.212.348.212t.348-.212M9.785 14q.236 0 .36-.192t-.006-.404L7.762 9.219q-.106-.186-.318-.199t-.342.15q-.748.92-1.078 2.112t-.205 2.364q.025.162.124.258q.1.096.26.096zm1.982 1.366q.131-.212.007-.404t-.36-.193H6.589q-.212 0-.32.165q-.11.164-.048.37q.412 1.112 1.293 2.003t1.948 1.374q.136.055.282.005t.227-.186zm2.172-1.02q-.131-.211-.348-.211q-.218 0-.349.211l-2.39 4.193q-.106.186-.022.376q.084.189.3.239q1.21.165 2.393-.135t2.164-.984q.13-.106.149-.243t-.063-.273zm-.116-1.73l2.435 4.178q.106.187.31.2t.336-.13q.748-.927 1.091-2.123q.344-1.195.205-2.393q-.025-.161-.134-.255q-.108-.093-.27-.093h-3.619q-.236 0-.36.202q-.125.202.006.414"/></svg>Shutter Speed Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:shutter-speed-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:shutter-speed-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:shutter-speed-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--shutter-speed-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:shutter-speed-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:shutter-speed-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/shutter-speed-rounded.svg" alt="Shutter Speed Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Shutter Speed Rounded アイコン
Shutter Speed Rounded アイコン のよくある質問
Shutter Speed Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shutter Speed Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:shutter-speed-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shutter Speed Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/shutter-speed-rounded.svg" alt="Shutter Speed Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。