Remote Controller Minimalistic Bold Duotone アイコン
solar:remote-controller-minimalistic-bold-duotone
Remote Controller Minimalistic Bold Duotone アイコン(solar:remote-controller-minimalistic-bold-duotone)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ホーム
- タグ
- remotecontroller、controllerminimalistic、minimalisticbold、boldduotone、remotecontrollerminimalisticboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.67412 3.77772C5 4.78661 5 6.19108 5 9V15C5 17.8089 5 19.2134 5.67412 20.2223C5.96596 20.659 6.34096 21.034 6.77772 21.3259C7.78661 22 9.19108 22 12 22C14.8089 22 16.2134 22 17.2223 21.3259C17.659 21.034 18.034 20.659 18.3259 20.2223C19 19.2134 19 17.8089 19 15V9C19 6.19108 19 4.78661 18.3259 3.77772C18.034 3.34096 17.659 2.96596 17.2223 2.67412C16.2134 2 14.8089 2 12 2C9.19108 2 7.78661 2 6.77772 2.67412C6.34096 2.96596 5.96596 3.34096 5.67412 3.77772Z" opacity=".5"/><path d="M13 5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5Z"/><path d="M12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18Z"/><path fill-rule="evenodd" d="M8.25 11C8.25 8.92893 9.92893 7.25 12 7.25C14.0711 7.25 15.75 8.92893 15.75 11C15.75 13.0711 14.0711 14.75 12 14.75C9.92893 14.75 8.25 13.0711 8.25 11ZM9.75 11C9.75 9.75736 10.7574 8.75 12 8.75C13.2426 8.75 14.25 9.75736 14.25 11C14.25 12.2426 13.2426 13.25 12 13.25C10.7574 13.25 9.75 12.2426 9.75 11Z" clip-rule="evenodd"/></g></svg>Remote Controller Minimalistic Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:remote-controller-minimalistic-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:remote-controller-minimalistic-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:remote-controller-minimalistic-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--remote-controller-minimalistic-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:remote-controller-minimalistic-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:remote-controller-minimalistic-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/remote-controller-minimalistic-bold-duotone.svg" alt="Remote Controller Minimalistic Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Remote Controller Minimalistic Bold Duotone アイコン のよくある質問
Remote Controller Minimalistic Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Remote Controller Minimalistic Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:remote-controller-minimalistic-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Remote Controller Minimalistic Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/remote-controller-minimalistic-bold-duotone.svg" alt="Remote Controller Minimalistic Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。