Иконка React

fontisto:react

Иконка React (fontisto:react) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 27 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 27 × 24
Категория: Бренд

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 27 24"><path fill="currentColor" d="M15.902 11.974a2.41 2.41 0 1 1-4.82 0a2.41 2.41 0 0 1 4.82 0"/><path fill="currentColor" d="M13.491 17.494a27.3 27.3 0 0 1-8.749-1.206l.193.051a10.9 10.9 0 0 1-3.541-1.903l.021.016a3.41 3.41 0 0 1-1.41-2.467l-.001-.013c0-1.594 1.747-3.154 4.681-4.172c2.512-.827 5.403-1.304 8.405-1.304l.417.003h-.021a27.5 27.5 0 0 1 8.885 1.334l-.195-.055a11 11 0 0 1 3.433 1.814l-.024-.018a3.27 3.27 0 0 1 1.386 2.387l.001.013c0 1.656-1.954 3.332-5.103 4.374c-2.363.729-5.08 1.149-7.895 1.149q-.255 0-.508-.005h.025zm0-9.84c-.106-.002-.232-.002-.358-.002c-2.881 0-5.656.452-8.259 1.289l.191-.053c-2.698.941-3.908 2.228-3.908 3.087c0 .893 1.301 2.3 4.153 3.274c2.249.697 4.834 1.099 7.513 1.099q.352 0 .702-.009l-.034.001a26.5 26.5 0 0 0 8.205-1.138l-.187.049c2.96-.984 4.32-2.391 4.32-3.28a2.25 2.25 0 0 0-.966-1.515l-.008-.005a9.8 9.8 0 0 0-2.97-1.574l-.07-.02c-2.368-.766-5.093-1.208-7.92-1.208q-.213 0-.424.003h.021z"/><path fill="currentColor" d="m8.023 23.986l-.053.001c-.453 0-.878-.119-1.245-.327l.013.007c-1.378-.8-1.858-3.092-1.28-6.141c.697-3.128 1.827-5.894 3.344-8.4l-.069.124a27.9 27.9 0 0 1 5.425-6.872l.02-.018A11 11 0 0 1 17.365.332l.073-.027c.407-.196.885-.31 1.39-.31c.501 0 .976.113 1.4.314l-.02-.008c1.435.826 1.911 3.36 1.238 6.606c-.72 2.967-1.818 5.58-3.262 7.959l.07-.123c-1.452 2.63-3.209 4.882-5.266 6.819l-.014.013a10.9 10.9 0 0 1-3.321 2.082l-.074.026c-.46.181-.992.292-1.549.305h-.006zM9.228 9.539l.499.288c-1.381 2.28-2.465 4.926-3.106 7.74l-.034.18c-.533 2.809-.019 4.498.72 4.926c.191.102.417.161.657.161l.061-.001h-.003c.955 0 2.458-.605 4.196-2.122a26.4 26.4 0 0 0 4.972-6.404l.068-.135a26 26 0 0 0 3.025-7.307l.038-.182c.629-3.058.086-4.93-.686-5.378a2.25 2.25 0 0 0-1.814.092l.013-.006a9.9 9.9 0 0 0-2.907 1.846l.007-.006a26.6 26.6 0 0 0-5.136 6.468l-.069.132z"/><path fill="currentColor" d="M18.96 24c-1.306 0-2.96-.787-4.69-2.276a27.8 27.8 0 0 1-5.464-6.834l-.072-.137c-1.43-2.349-2.551-5.075-3.215-7.975l-.036-.185a10.8 10.8 0 0 1-.255-2.357q0-.79.108-1.551l-.007.058A3.27 3.27 0 0 1 6.701.344l.01-.007c1.43-.83 3.865.024 6.342 2.228a27.9 27.9 0 0 1 5.118 6.54l.072.138a26.8 26.8 0 0 1 3.242 7.798l.038.186c.163.709.257 1.524.257 2.36q0 .866-.13 1.696l.008-.062a3.42 3.42 0 0 1-1.429 2.456l-.011.007a2.44 2.44 0 0 1-1.207.316l-.054-.001h.003zm-9.228-9.823a27 27 0 0 0 5.271 6.656l.02.018c2.166 1.863 3.884 2.266 4.628 1.834c.773-.446 1.339-2.276.754-5.233c-.702-2.89-1.787-5.434-3.219-7.741l.065.112a26.8 26.8 0 0 0-4.948-6.384l-.012-.011C9.957 1.354 8.066.888 7.293 1.334a2.23 2.23 0 0 0-.825 1.593v.007a9.9 9.9 0 0 0 .162 3.499l-.013-.066c.673 2.952 1.747 5.559 3.182 7.924l-.066-.117z"/></svg>

Как использовать иконку React

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fontisto/react.svg" alt="Иконка React" width="24" height="24">

Иконка React в других наборах

Вопросы и ответы: Иконка React

Можно ли бесплатно использовать иконку React в коммерческих проектах?

Да. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку React в React?

Установите @iconify/react и выведите <Icon icon="fontisto:react" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку React на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fontisto/react.svg" alt="Иконка React">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fontisto →