Иконка React Router
thesvg-color:react-router
Иконка React Router (thesvg-color:react-router) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 94 × 61. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 94 × 61
- Теги
- reactrouter
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="94" height="61" viewBox="0 0 94 61"><g fill="none"><path fill="#f44250" d="M72.732 20.936c-2.677-.842-4.06-.558-6.867-.865c-4.34-.473-6.07-2.17-6.803-6.535c-.41-2.437.074-6.006-.974-8.215C56.084 1.11 51.394-.78 46.683.298c-3.978.912-7.288 4.887-7.471 8.968c-.21 4.66 2.445 8.635 7.004 10.007c2.165.653 4.466.982 6.728 1.148c4.148.303 4.467 2.609 5.59 4.507c.707 1.196 1.392 2.375 1.392 5.943s-.69 4.747-1.393 5.944c-1.122 1.894-2.506 3.134-6.654 3.44c-2.262.167-4.567.496-6.729 1.15c-4.558 1.376-7.213 5.347-7.004 10.006c.184 4.081 3.493 8.057 7.471 8.968c4.712 1.083 9.402-.81 11.406-5.023c1.052-2.209 1.628-4.712 2.039-7.149c.738-4.366 2.467-6.062 6.803-6.535c2.808-.307 5.713 0 8.344-1.495c2.78-2.031 5.264-5.08 5.264-9.306s-2.676-8.655-6.742-9.935"/><path fill="#121212" d="M28.2 40.774c-5.471 0-9.934-4.471-9.934-9.953s4.463-9.952 9.934-9.952s9.934 4.47 9.934 9.952c0 5.477-4.468 9.953-9.934 9.953M9.899 61C4.437 60.987-.013 56.498 0 51.012c.013-5.477 4.494-9.935 9.97-9.917c5.466.013 9.916 4.502 9.898 9.988c-.013 5.472-4.493 9.93-9.969 9.917m73.815 0c-5.48.03-9.978-4.41-10.009-9.878c-.03-5.49 4.402-9.996 9.86-10.027c5.48-.03 9.977 4.41 10.008 9.878c.03 5.485-4.401 9.996-9.86 10.027"/></g></svg>
Как использовать иконку React Router
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:react-router" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:react-router" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:react-router" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--react-router]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:react-router"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:react-router"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/react-router.svg" alt="Иконка React Router" width="24" height="24">
Похожие иконки в наборе theSVG Color
Иконка React Router в других наборах
Вопросы и ответы: Иконка React Router
Можно ли бесплатно использовать иконку React Router в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку React Router в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:react-router" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку React Router на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/react-router.svg" alt="Иконка React Router">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
ICONYZ
