Keyboard Remix アイコン
streamline-plump:keyboard-remix
Keyboard Remix アイコン(streamline-plump:keyboard-remix)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- コンピューター・デバイス
- タグ
- keyboardremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M37.726 2.5a2 2 0 1 0-4 0v1.212c0 1.108-.762 1.932-1.634 2.073l-5.097.821c-2.943.474-4.997 3.088-4.997 6.022v.164c-6.729.033-11.487.228-14.521.41c-3.438.206-6.193 2.82-6.533 6.358C.71 21.998.5 25.482.5 30.143s.21 8.146.444 10.584c.34 3.539 3.095 6.152 6.533 6.358c3.326.2 8.726.415 16.523.415c7.798 0 13.197-.216 16.524-.415c3.438-.206 6.193-2.82 6.533-6.358c.234-2.438.444-5.922.444-10.584c0-4.661-.21-8.145-.444-10.583c-.34-3.539-3.095-6.152-6.533-6.358c-3.035-.182-7.795-.377-14.526-.41v-.164c0-1.108.761-1.932 1.633-2.073l5.098-.821c2.942-.474 4.997-3.088 4.997-6.022zM24 16.787c-7.724 0-13.043.213-16.284.407c-1.467.088-2.639 1.166-2.79 2.749c-.222 2.303-.426 5.659-.426 10.2c0 4.542.204 7.898.425 10.201c.152 1.583 1.324 2.66 2.791 2.748c3.24.194 8.56.408 16.284.408s13.044-.214 16.284-.408c1.468-.087 2.64-1.165 2.791-2.748c.221-2.303.426-5.659.426-10.2c0-4.542-.205-7.898-.426-10.201c-.152-1.583-1.323-2.66-2.79-2.749c-3.241-.194-8.56-.407-16.285-.407m-8.363 21.547a2.5 2.5 0 0 1 2.5-2.5h11.727a2.5 2.5 0 0 1 0 5H18.137a2.5 2.5 0 0 1-2.5-2.5M9.295 23.488a2 2 0 0 1 2-2h1.955a2 2 0 1 1 0 4h-1.955a2 2 0 0 1-2-2m2 4.14a2 2 0 0 0 0 4h1.955a2 2 0 1 0 0-4zm5.82-4.14a2 2 0 0 1 2-2h1.955a2 2 0 1 1 0 4h-1.955a2 2 0 0 1-2-2m2 4.14a2 2 0 0 0 0 4h1.955a2 2 0 1 0 0-4zm5.817-4.14a2 2 0 0 1 2-2h1.955a2 2 0 1 1 0 4h-1.955a2 2 0 0 1-2-2m2 4.14a2 2 0 0 0 0 4h1.955a2 2 0 1 0 0-4zm5.82-4.14a2 2 0 0 1 2-2h1.955a2 2 0 1 1 0 4h-1.955a2 2 0 0 1-2-2m2 4.14a2 2 0 1 0 0 4h1.955a2 2 0 1 0 0-4z" clip-rule="evenodd"/></svg>Keyboard Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:keyboard-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:keyboard-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:keyboard-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--keyboard-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:keyboard-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:keyboard-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/keyboard-remix.svg" alt="Keyboard Remix アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Keyboard Remix アイコン
Keyboard Remix アイコン のよくある質問
Keyboard Remix アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Keyboard Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:keyboard-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Keyboard Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/keyboard-remix.svg" alt="Keyboard Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。