Иконка Redux
bxl:redux
Иконка Redux (bxl:redux) — бесплатная SVG-иконка из набора Boxicons Brands от 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>
Веб-компонент
<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
Можно ли бесплатно использовать иконку Redux в коммерческих проектах?
Да. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Redux в React?
Установите @iconify/react и выведите <Icon icon="bxl:redux" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Redux на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bxl/redux.svg" alt="Иконка Redux">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Boxicons Brands →
ICONYZ
