Redux icon

skill-icons:redux

The Redux icon (skill-icons:redux) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Skill Icons
Author: tandpfun
License: MIT
Size: 256 × 256

Download SVG

SVG code

<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>

How to use the Redux icon

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 component

<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 image

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

Redux icon in other icon sets

Redux icon FAQ

Is the Redux icon free for commercial use?

Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Redux icon in React?

Install @iconify/react and render <Icon icon="skill-icons:redux" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Redux icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/redux.svg" alt="Redux icon">, or paste the SVG code inline to style it with CSS.

Browse all Skill Icons →