Иконка React
bxl:react
Иконка React (bxl:react) — бесплатная 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="M12 9.46a1.785 1.785 0 1 0 0 3.57a1.785 1.785 0 1 0 0-3.57m-4.998 5.334l-.395-.101c-2.934-.741-4.617-2.001-4.617-3.452S3.674 8.53 6.607 7.789l.395-.1l.111.391a19.5 19.5 0 0 0 1.136 2.983l.085.178l-.085.178c-.46.963-.841 1.961-1.136 2.985zm-.577-6.095c-2.229.628-3.598 1.586-3.598 2.542c0 .954 1.368 1.913 3.598 2.54q.41-1.304.985-2.54a20 20 0 0 1-.985-2.542m10.572 6.095l-.11-.392a19.6 19.6 0 0 0-1.137-2.984l-.085-.177l.085-.179c.46-.961.839-1.96 1.137-2.984l.11-.39l.395.1c2.935.741 4.617 2 4.617 3.453s-1.683 2.711-4.617 3.452zm-.41-3.553c.4.866.733 1.718.987 2.54c2.23-.627 3.599-1.586 3.599-2.54c0-.956-1.368-1.913-3.599-2.542a21 21 0 0 1-.987 2.542"/><path fill="currentColor" d="m6.419 8.695l-.11-.39c-.826-2.908-.576-4.991.687-5.717c1.235-.715 3.222.13 5.303 2.265l.284.292l-.284.291a20 20 0 0 0-2.02 2.474l-.113.162l-.196.016a20 20 0 0 0-3.157.509zm1.582-5.529q-.337 0-.589.145c-.828.477-.974 2.138-.404 4.38q1.337-.297 2.696-.417a21 21 0 0 1 1.713-2.123c-1.303-1.267-2.533-1.985-3.416-1.985m7.997 16.984c-1.188 0-2.714-.896-4.298-2.522l-.283-.291l.283-.29a20 20 0 0 0 2.021-2.477l.112-.16l.194-.019a19.5 19.5 0 0 0 3.158-.507l.395-.1l.111.391c.822 2.906.573 4.992-.688 5.718a2 2 0 0 1-1.005.257m-3.415-2.82c1.302 1.267 2.533 1.986 3.415 1.986q.339-.001.589-.145c.829-.478.976-2.142.404-4.384q-1.335.299-2.698.419a20.5 20.5 0 0 1-1.71 2.124"/><path fill="currentColor" d="m17.58 8.695l-.395-.099a19.5 19.5 0 0 0-3.158-.509l-.194-.017l-.112-.162A19.6 19.6 0 0 0 11.7 5.434l-.283-.291l.283-.29c2.08-2.134 4.066-2.979 5.303-2.265c1.262.727 1.513 2.81.688 5.717zm-3.287-1.421c.954.085 1.858.228 2.698.417c.571-2.242.425-3.903-.404-4.381c-.824-.477-2.375.253-4.004 1.841q.926 1.005 1.71 2.123M8.001 20.15a2 2 0 0 1-1.005-.257c-1.263-.726-1.513-2.811-.688-5.718l.108-.391l.395.1c.964.243 2.026.414 3.158.507l.194.019l.113.16c.604.878 1.28 1.707 2.02 2.477l.284.29l-.284.291c-1.583 1.627-3.109 2.522-4.295 2.522m-.993-5.362c-.57 2.242-.424 3.906.404 4.384c.825.47 2.371-.255 4.005-1.842a21 21 0 0 1-1.713-2.123a21 21 0 0 1-2.696-.419"/><path fill="currentColor" d="M12 15.313c-.687 0-1.392-.029-2.1-.088l-.196-.017l-.113-.162a26 26 0 0 1-1.126-1.769a26 26 0 0 1-.971-1.859l-.084-.177l.084-.179q.448-.948.971-1.858c.347-.596.726-1.192 1.126-1.77l.113-.16l.196-.018a25 25 0 0 1 4.198 0l.194.019l.113.16a25 25 0 0 1 2.1 3.628l.083.179l-.083.177a25 25 0 0 1-2.1 3.628l-.113.162l-.194.017c-.706.057-1.412.087-2.098.087m-1.834-.904c1.235.093 2.433.093 3.667 0a24.5 24.5 0 0 0 1.832-3.168a24 24 0 0 0-1.832-3.168a24 24 0 0 0-3.667 0a24 24 0 0 0-1.832 3.168a25 25 0 0 0 1.832 3.168"/></svg>
Как использовать иконку React
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:react" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:react" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:react" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--react]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:react"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:react"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/bxl/react.svg" alt="Иконка React" width="24" height="24">
Похожие иконки в наборе Boxicons Brands
Иконка React в других наборах
Вопросы и ответы: Иконка React
Можно ли бесплатно использовать иконку React в коммерческих проектах?
Да. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку React в React?
Установите @iconify/react и выведите <Icon icon="bxl:react" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку React на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bxl/react.svg" alt="Иконка React">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Boxicons Brands →
ICONYZ
