Redux アイコン
bxl:redux
Redux アイコン(bxl:redux)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.661 15.549a1.315 1.315 0 0 0 1.185-1.386a1.363 1.363 0 0 0-1.35-1.302h-.048a1.35 1.35 0 0 0-1.303 1.397c.024.379.179.687.391.911c-.827 1.609-2.07 2.794-3.954 3.788c-1.266.663-2.604.912-3.905.734c-1.089-.153-1.94-.64-2.463-1.421c-.78-1.185-.852-2.462-.201-3.74a5.6 5.6 0 0 1 1.658-1.931a8 8 0 0 1-.331-1.218c-3.506 2.51-3.148 5.942-2.084 7.564c.794 1.184 2.415 1.941 4.19 1.941c.474 0 .972-.035 1.457-.154c3.077-.592 5.409-2.438 6.747-5.16z"/><path fill="currentColor" d="M19.887 12.589c-1.834-2.154-4.533-3.337-7.611-3.337h-.403c-.2-.438-.661-.711-1.183-.711h-.036c-.744 0-1.325.64-1.301 1.385c.023.71.627 1.302 1.35 1.302h.059a1.33 1.33 0 0 0 1.183-.828h.439c1.824 0 3.551.532 5.126 1.574c1.206.792 2.072 1.834 2.557 3.077c.425 1.019.402 2.013-.035 2.843c-.675 1.302-1.812 1.988-3.314 1.988c-.947 0-1.871-.296-2.345-.509c-.283.235-.758.626-1.102.863c1.042.473 2.096.746 3.113.746c2.309 0 4.023-1.302 4.676-2.557c.709-1.422.651-3.813-1.161-5.859z"/><path fill="currentColor" d="M7.647 15.975c.023.71.626 1.302 1.35 1.302h.048a1.334 1.334 0 0 0 1.302-1.397c0-.71-.616-1.301-1.338-1.301h-.048c-.048 0-.118 0-.178.022c-.982-1.657-1.397-3.434-1.242-5.349c.094-1.445.567-2.7 1.42-3.742c.71-.888 2.048-1.326 2.96-1.35c2.556-.048 3.622 3.138 3.704 4.404l1.184.354C16.536 5.036 14.122 3 11.813 3C9.647 3 7.647 4.574 6.842 6.884c-1.102 3.077-.379 6.036.971 8.404c-.118.154-.189.426-.166.687"/></svg>
Redux アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:redux" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:redux" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:redux" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--redux]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:redux"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:redux"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/redux.svg" alt="Redux アイコン" width="24" height="24">
Redux アイコン のよくある質問
Redux アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Redux アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:redux" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Redux アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/redux.svg" alt="Redux アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
