Redux アイコン

Q: Redux アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fontisto:redux

Redux アイコン(fontisto:redux)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 25 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 25 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"><path fill="currentColor" d="M17.54 16.745a1.756 1.756 0 0 0 1.582-1.854v.005a1.823 1.823 0 0 0-1.801-1.736h-.065a1.804 1.804 0 0 0-1.738 1.869v-.003c.026.473.22.897.522 1.217l-.001-.001a11.7 11.7 0 0 1-5.204 5.031l-.069.03a8.54 8.54 0 0 1-4.127 1.048q-.575 0-1.13-.073l.044.005a4.55 4.55 0 0 1-3.277-1.884l-.009-.014a4.67 4.67 0 0 1-.858-2.711c0-.837.218-1.623.601-2.305l-.012.024a7.5 7.5 0 0 1 2.194-2.562l.021-.014a10 10 0 0 1-.432-1.56l-.011-.066C-.913 14.54-.438 19.121.984 21.286a6.73 6.73 0 0 0 5.603 2.59h-.014l.119.001a8.3 8.3 0 0 0 1.88-.216l-.056.011a12.41 12.41 0 0 0 8.974-6.814l.032-.074z"/><path fill="currentColor" d="M23.18 12.799c-2.403-2.74-5.91-4.46-9.82-4.46a14 14 0 0 0-.357.005h.018h-.538a1.7 1.7 0 0 0-1.526-.95l-.059.001h.003h-.039c-.966.014-1.744.8-1.744 1.768l.002.085v-.004a1.82 1.82 0 0 0 1.8 1.738h.079a1.78 1.78 0 0 0 1.577-1.094l.004-.012h.585c2.554.003 4.924.787 6.884 2.128l-.042-.027a8.7 8.7 0 0 1 3.392 4.055l.021.058c.26.542.411 1.178.411 1.849c0 .71-.169 1.38-.47 1.972l.011-.025c-.777 1.586-2.379 2.658-4.231 2.658q-.102 0-.202-.004h.01a8.2 8.2 0 0 1-3.183-.707l.052.021c-.379.316-1.011.836-1.47 1.153a10 10 0 0 0 4.143.994h.012a7.05 7.05 0 0 0 6.223-3.381l.018-.031a7.1 7.1 0 0 0 .54-2.742c0-1.98-.796-3.774-2.085-5.079l.001.001l-.015.032z"/><path fill="currentColor" d="M6.844 17.316a1.82 1.82 0 0 0 1.803 1.738h.064a1.802 1.802 0 0 0-.047-3.601h-.067l-.033-.001a.7.7 0 0 0-.209.033l.005-.001a11.67 11.67 0 0 1-1.703-6.107q0-.546.049-1.079l-.003.046A8.55 8.55 0 0 1 8.61 3.337l-.012.016a5.6 5.6 0 0 1 3.944-1.803h.009c3.412-.064 4.835 4.188 4.945 5.878l1.582.473C18.71 2.72 15.488 0 12.407 0a7.33 7.33 0 0 0-6.622 5.131l-.014.052a13 13 0 0 0-.692 4.229c0 2.588.741 5.003 2.021 7.044l-.032-.055a1.4 1.4 0 0 0-.219.922l-.001-.006z"/></svg>

Redux アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fontisto:redux" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontisto:redux" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontisto:redux" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--redux]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:redux"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontisto:redux"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/redux.svg" alt="Redux アイコン" width="24" height="24">

他のアイコンセットの Redux アイコン

Redux アイコンのよくある質問

Redux アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Redux アイコンを使うには?

@iconify/react をインストールして <Icon icon="fontisto:redux" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Redux アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/redux.svg" alt="Redux アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fontisto アイコンをすべて見る →