React Router アイコン
thesvg-color:react-router
React Router アイコン(thesvg-color:react-router)は、theSVG Color セットの無料 SVG アイコンです（作者: 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>
Web コンポーネント
<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">
他のアイコンセットの React Router アイコン
React Router アイコン のよくある質問
React Router アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で React Router アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
