Shutter Speed Add アイコン
material-symbols-light:shutter-speed-add
Shutter Speed Add アイコン(material-symbols-light:shutter-speed-add)は、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
- カテゴリ
- 画像
- タグ
- shutterspeed、speedadd、shutterspeedadd、shutter speed add sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 21.616V19h-2.615v-1H18v-2.615h1V18h2.616v1H19v2.616zM9 3V2h6v1zm3 18q-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.475l1.335-1.335l.708.708l-1.323 1.335q.911 1.128 1.436 2.381T20 12.884q-.215-.067-.474-.11T19 12.712q-.115-2.824-2.136-4.768T12 6Q9.075 6 7.038 8.038T5 13t2.038 4.963T12 20q.217 0 .439-.012q.22-.013.438-.044q.056.25.132.488q.075.237.191.476q-.31.055-.6.074T12 21m.73-1.806q-.147-1.26.202-2.407t1.12-2.039q.771-.89 1.835-1.441t2.344-.598q-.02-.178-.035-.354T18.15 12h-3.552l-4.044 7.054q.565.138 1.138.164q.574.026 1.039-.024m-.885-7.963h6.131q-.43-1.448-1.39-2.488t-2.371-1.58zm-1.475 1l3.095-5.285q-1.525-.365-2.928-.011T8.04 8.182zM5.85 14h4.637L7.469 8.716q-.952 1.032-1.408 2.425T5.85 14m3.935 4.817l2.33-4.048H6.024q.368 1.347 1.388 2.447t2.374 1.601"/></svg>Shutter Speed Add アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:shutter-speed-add" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:shutter-speed-add" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:shutter-speed-add" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--shutter-speed-add]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:shutter-speed-add"></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-add"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/shutter-speed-add.svg" alt="Shutter Speed Add アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Shutter Speed Add アイコン
Shutter Speed Add アイコン のよくある質問
Shutter Speed Add アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shutter Speed Add アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:shutter-speed-add" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shutter Speed Add アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/shutter-speed-add.svg" alt="Shutter Speed Add アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。