Multimedia Controls Button Next アイコン
streamline-freehand:multimedia-controls-button-next
Multimedia Controls Button Next アイコン(streamline-freehand:multimedia-controls-button-next)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- multimediacontrols、controlsbutton、buttonnext、multimediacontrolsbuttonnext、control
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.878 10.383a10.54 10.54 0 0 0-1.8-4.692A11.94 11.94 0 0 0 12.763.33A12.44 12.44 0 0 0 2.76 4.531A11.78 11.78 0 0 0 .979 16.806c1.58 3.561 5.102 6.352 10.264 6.823c.925.08 1.856.08 2.781 0c.936-.08 1.86-.268 2.751-.56a.342.342 0 1 0-.21-.65c-.838.261-1.704.426-2.58.49q-1.334.088-2.662-.06c-4.782-.51-8.003-3.122-9.424-6.443A10.7 10.7 0 0 1 3.68 5.27a11.36 11.36 0 0 1 9.004-3.811a11 11 0 0 1 8.603 4.772a9.8 9.8 0 0 1 1.74 4.271a12.4 12.4 0 0 1-.18 4.682a11 11 0 0 1-.86 2.641a5.5 5.5 0 0 1-1.79 2.001a.3.3 0 0 0-.08.42a.31.31 0 0 0 .42.08a6.2 6.2 0 0 0 1.72-1.69a10.8 10.8 0 0 0 1.351-3.292c.406-1.621.498-3.306.27-4.962"/><path fill="currentColor" d="M17.806 8.002a2.8 2.8 0 0 0-.26-.92a1.14 1.14 0 0 0-.5-.37a3.24 3.24 0 0 0-1.411-.19a1.45 1.45 0 0 0-1.36.82q-.096 1.456 0 2.911c.09 2.611.34 6.123.43 6.503a.79.79 0 0 0 .6.59c.41.075.83.075 1.24 0a.34.34 0 0 0 .31-.37a.34.34 0 0 0-.37-.31q-.294.015-.59 0a1 1 0 0 1-.37-.06h-.07c0-.25-.06-1.84-.08-3.612c-.06-6.002-.43-5.542 1-5.282h.17c0 .1.13.35.18.6c.13.83.26 2.121.34 3.462c.12 1.441.12 2.89 0 4.332a.32.32 0 0 0 .24.36a.3.3 0 0 0 .35-.25c.272-1.774.382-3.569.33-5.362a26 26 0 0 0-.18-2.852M6.341 10.453a.32.32 0 0 0-.32.29l-.32 3.912a4.6 4.6 0 0 0 .13 2a1 1 0 0 0 1.21.481a17.8 17.8 0 0 0 3.642-2.31a11.3 11.3 0 0 0 1.69-1.551c.201-.212.34-.475.4-.76a1.3 1.3 0 0 0-.2-.771a7.3 7.3 0 0 0-1.26-1.44a17.3 17.3 0 0 0-4.332-3.052a.66.66 0 0 0-.8.42a5 5 0 0 0-.12 1.941a.34.34 0 0 0 .36.32a.35.35 0 0 0 .33-.36a6.2 6.2 0 0 1 .06-1.31a.8.8 0 0 1 .07-.2a13.8 13.8 0 0 1 2.661 2a16 16 0 0 1 1.731 1.78q.203.226.38.471v.07c-.07.08-.2.18-.3.28q-.64.718-1.37 1.34c-.63.511-1.331 1.001-1.921 1.451q-.568.448-1.21.78c-.06 0-.11.07-.15 0a.64.64 0 0 1-.1-.32q-.033-.615 0-1.23l.08-3.911a.31.31 0 0 0-.34-.32"/><path fill="currentColor" d="M11.653 12.364v.11c0-.02.02-.03 0-.04Z"/></svg>Multimedia Controls Button Next アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:multimedia-controls-button-next" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:multimedia-controls-button-next" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:multimedia-controls-button-next" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--multimedia-controls-button-next]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:multimedia-controls-button-next"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:multimedia-controls-button-next"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/multimedia-controls-button-next.svg" alt="Multimedia Controls Button Next アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Multimedia Controls Button Next アイコン
Multimedia Controls Button Next アイコン のよくある質問
Multimedia Controls Button Next アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Multimedia Controls Button Next アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:multimedia-controls-button-next" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Multimedia Controls Button Next アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/multimedia-controls-button-next.svg" alt="Multimedia Controls Button Next アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。