Redux アイコン

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

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

skill-icons:redux

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

アイコンセット: Skill Icons
作者: tandpfun
ライセンス: MIT
サイズ: 256 × 256

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#764abc" rx="60"/><path fill="#fff" d="M166.579 165.599c7.381-.764 12.98-7.127 12.725-14.762c-.254-7.635-6.617-13.743-14.252-13.743h-.509c-7.89.254-13.998 6.871-13.744 14.761c.255 3.818 1.782 7.126 4.072 9.417c-8.653 17.052-21.887 29.523-41.739 39.958c-13.489 7.126-27.487 9.671-41.485 7.89c-11.453-1.527-20.36-6.618-25.96-15.016c-8.144-12.471-8.907-25.96-2.036-39.449c4.836-9.672 12.471-16.798 17.307-20.361c-1.018-3.308-2.545-8.908-3.309-12.98c-36.903 26.724-33.086 62.864-21.888 79.916c8.4 12.725 25.451 20.615 44.285 20.615c5.09 0 10.18-.509 15.27-1.782c32.578-6.362 57.265-25.705 71.263-54.464"/><path fill="#fff" d="M211.372 134.04c-19.342-22.652-47.847-35.122-80.424-35.122h-4.072c-2.291-4.582-7.127-7.636-12.471-7.636h-.509c-7.89.255-13.998 6.872-13.744 14.762c.255 7.635 6.617 13.743 14.253 13.743h.509c5.599-.254 10.435-3.817 12.471-8.653h4.581c19.342 0 37.667 5.599 54.21 16.543c12.725 8.399 21.888 19.343 26.978 32.577c4.327 10.689 4.072 21.124-.509 30.032c-7.126 13.489-19.088 20.87-34.868 20.87c-10.18 0-19.851-3.054-24.942-5.345c-2.799 2.545-7.889 6.617-11.452 9.162c10.943 5.09 22.142 7.89 32.831 7.89c24.433 0 42.503-13.489 49.375-26.978c7.381-14.761 6.872-40.212-12.217-61.845"/><path fill="#fff" d="M82.082 169.926c.255 7.635 6.617 13.743 14.253 13.743h.509c7.889-.255 13.998-6.872 13.743-14.762c-.254-7.635-6.617-13.743-14.252-13.743h-.51c-.508 0-1.272 0-1.78.255c-10.436-17.307-14.762-36.141-13.235-56.501c1.018-15.27 6.108-28.505 15.016-39.45c7.38-9.416 21.633-13.997 31.304-14.252c26.978-.509 38.431 33.086 39.194 46.576c3.309.763 8.908 2.544 12.726 3.817C175.996 54.38 150.545 33 126.112 33c-22.906 0-44.03 16.543-52.429 40.976c-11.707 32.577-4.072 63.881 10.18 88.569c-1.272 1.781-2.035 4.581-1.78 7.381"/></g></svg>

Redux アイコンの使い方

React

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

<Icon icon="skill-icons:redux" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:redux" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:redux" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="skill-icons:redux"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Skill Icons をすべて見る →