Rxjs アイコン
thesvg-color:rxjs
Rxjs アイコン(thesvg-color:rxjs)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 263 × 272 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 263 × 272
- タグ
- rxj
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="263" height="272" viewBox="0 0 263 272"><linearGradient id="SVGm1REqdFu" x1="53.496" x2="177.932" y1="247.701" y2="115.323" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e01d84"/><stop offset=".401" stop-color="#df1d85"/><stop offset=".77" stop-color="#932c87"/><stop offset="1" stop-color="#5d2f88"/></linearGradient><radialGradient id="SVGEyS8rejU" cx="190.456" cy="80.2" r="121.582" gradientTransform="matrix(1 .00239 -.002 .8362 .16 12.685)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e01d84"/><stop offset=".139" stop-color="#de1e85"/><stop offset=".285" stop-color="#d62085"/><stop offset=".434" stop-color="#c92386"/><stop offset=".586" stop-color="#b72786"/><stop offset=".739" stop-color="#9d2b87"/><stop offset=".891" stop-color="#7c2e88"/><stop offset="1" stop-color="#5d2f88"/></radialGradient><linearGradient id="SVGurEQ5cuc" x1="83.212" x2="137.371" y1="62.336" y2="62.336" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e01d84"/><stop offset=".238" stop-color="#da1e85"/><stop offset=".658" stop-color="#c72085"/><stop offset=".999" stop-color="#b52284"/></linearGradient><path fill="#e32286" d="M29.6 175.3c-5.2-16.2-6.7-33.3-3.7-50.9c1.3-7.3 3.3-14.3 5.5-21.4c0 0 13.8-45.3 60.5-66c0 0 16.1-8.5 40.3-9.1c0 0-3.3-3.2-5.4-4.6c-11.4-7.6-28.4-10.1-38.7.6c-3.1 3.2-5.7 6.7-8.6 9.9c-3.3 3.6-7.3 6.6-11.9 8.3c-4 1.5-8 1.2-12.1 1.9c-4.2.7-8.5 2.2-11.9 4.9c-3.7 3-5.2 7-5.6 11.6c-.4 3.6-.3 7.3-.5 10.9C37 82 33.6 85 26 90.9c-3.2 2.4-5.9 5.6-7.9 9c-6 10.6 3.6 21.6 4.1 32.3c.1 2.2-.1 4.4-.9 6.5c-.8 2.3-2.4 3.8-3.7 5.7c-1.8 2.5-3 5.5-2.5 8.6s2.1 6 3.6 8.7c2.9 4.8 6.5 9.1 10.3 13.2c.2 0 .4.2.6.4"/><path fill="url(#SVGm1REqdFu)" d="M220.4 213.7c23-10 32.8-27.3 32.8-27.3c21.5-29.3 14.2-60.2 14.2-60.2c-13.7 29.8-26.2 38-26.2 38c33.7-51.3.2-82.3.2-82.3c13.7 29.2-4.5 64.8-4.5 64.8c-15.3 32.2-37 43.7-37 43.7c24.2 4.5 42-11.8 42-11.8c-34.7 37.5-72.3 35.7-72.3 35.7c15.8 17.7 39.5 16.2 39.5 16.2c-31 7.3-60.1-3-84-22.9c-4.5-3.7-8.8-7.7-12.8-12c0 0-3.6-3.8-4.3-4.8l-.1-.1c-.5 18.5 18.8 35.7 18.8 35.7c-24.2-10-35.3-31.7-35.3-31.7s-16.3-27.8-4.5-59.5s47.5-38.5 47.5-38.5c29.5 14.3 54.5 18.8 54.5 18.8c52.7 8.8 49.7-17 49.7-17c.5-22.2-33-45.8-33-45.8C145.9 8.4 91.9 37 91.9 37c-46.7 20.7-60.5 66-60.5 66c-2.2 7.1-4.2 14.1-5.5 21.4c-5.1 29.7 2.6 57.8 19.3 82.8c26 38.8 68.2 52.2 68.2 52.2c62.5 21.2 105.2-10 105.2-10c39.3-27 47.2-58.2 47.2-58.2c-31.7 24.8-45.4 22.5-45.4 22.5M171.6 67.8c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4s-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4"/><path fill="url(#SVGEyS8rejU)" d="M238.5 98.4c.5-22.2-33-45.8-33-45.8C145.8 8.4 91.8 37 91.8 37c-46.7 20.7-60.5 66-60.5 66c-2.7 7.7-5.1 19.5-5.1 19.5c-2.9 14.8-1.6 28.5-1.6 28.5c1.2 13.1 4.1 21.9 4.1 21.9c3 9.4 4.4 12.3 4.4 12.3c-.1-.3-.6-2.5-.6-2.5s-4.2-20.2-.3-39.6c0 0 3.4-20.2 17.2-35.8c0 0 22.4-31.9 64.1-19.4c0 0 9 3.2 12.1 4.8c3.1 1.5 8.5 3.8 8.5 3.8c29.5 14.3 54.5 18.8 54.5 18.8c52.9 8.9 49.9-16.9 49.9-16.9m-66.9-19.7c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4s5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4"/><path fill="url(#SVGurEQ5cuc)" d="m137.4 58.2l-34.1-10.6c-.2 0-1.2-.5-3 0c0 0-20.1 5.1-16.6 16.1c0 0 2.1 6.9 7.8 13.6l37.5-1.8z"/></svg>Rxjs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:rxjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:rxjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:rxjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--rxjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:rxjs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:rxjs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/rxjs.svg" alt="Rxjs アイコン" width="24" height="24">他のアイコンセットの Rxjs アイコン
Rxjs アイコン のよくある質問
Rxjs アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rxjs アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:rxjs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rxjs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/rxjs.svg" alt="Rxjs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。