Redux Selector アイコン
material-icon-theme:redux-selector
Redux Selector アイコン(material-icon-theme:redux-selector)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- reduxselector
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#ff6e40" stroke="#ff6e40" stroke-linejoin="round" stroke-width=".435"><path d="M15.878 15.787a1.437 1.437 0 0 0-.154-2.866h-.05a1.43 1.43 0 0 0-1.382 1.484c.025.384.179.717.41.947c-.87 1.714-2.201 2.968-4.197 4.017c-1.356.717-2.764.972-4.17.793c-1.152-.153-2.048-.665-2.61-1.51c-.82-1.253-.896-2.61-.205-3.965c.486-.973 1.253-1.69 1.74-2.047a14 14 0 0 1-.333-1.305c-3.71 2.686-3.326 6.32-2.2 8.034c.844 1.28 2.558 2.073 4.451 2.073a6.3 6.3 0 0 0 1.536-.18c3.275-.64 5.757-2.584 7.164-5.475z"/><path d="M20.381 12.614c-1.944-2.277-4.81-3.53-8.085-3.53h-.41a1.41 1.41 0 0 0-1.253-.769h-.051A1.43 1.43 0 0 0 9.2 9.8a1.437 1.437 0 0 0 1.433 1.381h.05a1.44 1.44 0 0 0 1.255-.87h.46c1.945 0 3.787.563 5.45 1.663c1.28.845 2.2 1.945 2.712 3.276c.435 1.074.41 2.123-.05 3.019c-.717 1.356-1.92 2.098-3.506 2.098a6.5 6.5 0 0 1-2.508-.537c-.281.256-.793.665-1.151.92c1.1.513 2.226.794 3.3.794c2.457 0 4.274-1.356 4.965-2.712c.742-1.484.69-4.043-1.229-6.218z"/><path d="M7.383 16.222a1.437 1.437 0 0 0 1.433 1.382h.051a1.43 1.43 0 0 0 1.382-1.484a1.437 1.437 0 0 0-1.433-1.382h-.051c-.051 0-.128 0-.18.025c-1.048-1.74-1.483-3.633-1.33-5.68c.103-1.535.614-2.866 1.51-3.966c.742-.947 2.175-1.407 3.147-1.433c2.712-.05 3.864 3.327 3.94 4.683c.333.076.896.256 1.28.383c-.307-4.145-2.866-6.294-5.322-6.294c-2.303 0-4.427 1.663-5.271 4.12c-1.177 3.275-.41 6.422 1.023 8.904a1.15 1.15 0 0 0-.179.742z"/></g></svg>Redux Selector アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:redux-selector" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:redux-selector" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:redux-selector" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--redux-selector]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:redux-selector"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:redux-selector"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/redux-selector.svg" alt="Redux Selector アイコン" width="24" height="24">Material Icon Theme の関連アイコン
Redux Selector アイコン のよくある質問
Redux Selector アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Redux Selector アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:redux-selector" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Redux Selector アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/redux-selector.svg" alt="Redux Selector アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。