Shutter Speed Rounded アイコン
material-symbols:shutter-speed-rounded
Shutter Speed Rounded アイコン(material-symbols:shutter-speed-rounded)は、Material Symbols セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- Google
- ライセンス
- 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="M10 3q-.425 0-.712-.288T9 2t.288-.712T10 1h4q.425 0 .713.288T15 2t-.288.713T14 3zm2 19q-1.875 0-3.512-.712T5.625 19.35T3.7 16.487T3 13t.713-3.488T5.65 6.65t2.863-1.937T12 4q1.575 0 3 .525T17.6 6l.75-.75q.275-.275.688-.288t.712.288q.275.275.288.688t-.263.712l-.725.75q.9 1.175 1.425 2.6T21 13q0 1.85-.7 3.488t-1.925 2.862t-2.863 1.938T12 22m0-2q2.925 0 4.963-2.037T19 13t-2.037-4.962T12 6T7.038 8.038T5 13t2.038 4.963T12 20m.875-9h4.05q.275 0 .413-.213t.037-.437q-.45-.925-1.225-1.662T14.5 7.525q-.175-.075-.35-.012t-.275.237l-1.45 2.5q-.15.25.013.5t.437.25m-2.175.25l2.05-3.55q.125-.2.013-.425T12.4 7q-1-.075-2 .225T8.525 8.1q-.15.125-.187.3t.062.35l1.45 2.5q.15.25.425.25t.425-.25M9.4 14q.275 0 .438-.25t.012-.5L7.8 9.7q-.125-.225-.375-.238t-.4.188q-.575.825-.837 1.862T6.05 13.55q.025.2.163.325T6.55 14zm2.175 1.75q.15-.25-.012-.5t-.438-.25H7.05q-.25 0-.387.213t-.038.437q.45.9 1.225 1.638T9.5 18.45q.175.075.35.025t.275-.225zm2.575-1q-.15-.25-.425-.25t-.425.25l-2.025 3.5q-.125.225-.012.463t.387.287q1.075.05 2.075-.25t1.75-.85q.15-.125.188-.3t-.063-.35zm0-2l2.05 3.525q.125.225.388.238t.412-.188q.575-.85.813-1.862t.137-2.038q-.025-.2-.162-.312T17.45 12H14.6q-.275 0-.437.25t-.013.5"/></svg>
Shutter Speed Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:shutter-speed-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:shutter-speed-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:shutter-speed-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--shutter-speed-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols: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:shutter-speed-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/shutter-speed-rounded.svg" alt="Shutter Speed Rounded アイコン" width="24" height="24">
他のアイコンセットの Shutter Speed Rounded アイコン
Shutter Speed Rounded アイコン のよくある質問
Shutter Speed Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shutter Speed Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:shutter-speed-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shutter Speed Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/shutter-speed-rounded.svg" alt="Shutter Speed Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols アイコン をすべて見る →
ICONYZ
