Reactivex アイコン

Q: Reactivex アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:reactivex

Reactivex アイコン(simple-icons:reactivex)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.402 2.343c-2.224.984-3.615 2.583-4.4 3.747c-.852 1.268-1.184 2.319-1.184 2.328c-.002.036.005-.017 0 .019c-.246.7-.473 1.798-.473 1.807c-.265 1.344-.142 2.593-.142 2.612l.029.246a10 10 0 0 1 .132-1.012c.019-.133.37-2.016 1.694-3.511c.142-.218 1.675-2.233 4.495-2.233c.606 0 1.24.094 1.874.283h.019c.038.01.87.313 1.173.464c.284.142.786.36.795.36h.02c2.715 1.325 5.062 1.75 5.081 1.76q1.008.17 1.817.17c1.079 0 1.855-.236 2.262-.69c.237-.26.307-.559.293-.814c.019-.985-.785-2.044-1.467-2.754a11 11 0 0 0-1.542-1.344c-2.044-1.514-4.23-2.28-6.52-2.28c-2.347.009-3.937.832-3.956.842m7.419 2.659c.284 0 .511.227.511.51a.51.51 0 0 1-.511.512a.51.51 0 0 1-.511-.511c0-.284.227-.511.511-.511m-6.605-1.94c.075 0 .123.019.142.019l3.227 1.003l-.123.255l-1.543-.482c-.548-.17-1.12-.351-1.656-.52c-.01 0-.028-.01-.047-.01c-.02 0-.048 0-.067.01c-.293.075-1.097.359-1.334.785a.48.48 0 0 0-.038.378c0 .01.17.54.596 1.088l2.14-.104l1.428-.066l-.142.293l-3.549.17c-.53-.643-.738-1.286-.738-1.286C6.181 3.554 8.083 3.07 8.083 3.07q.068-.003.133-.01zm11.223 15.747c2.177-.946 3.104-2.584 3.104-2.584c2.035-2.772 1.344-5.697 1.344-5.697c-1.296 2.82-2.48 3.596-2.48 3.596c3.19-4.854.02-7.788.02-7.788C22.723 9.1 21 12.468 21 12.468c-1.448 3.048-3.502 4.136-3.502 4.136c2.29.426 3.975-1.117 3.975-1.117c-3.284 3.549-6.842 3.379-6.842 3.379c1.495 1.675 3.738 1.533 3.738 1.533c-2.934.69-5.688-.284-7.95-2.167c-.425-.35-.832-.73-1.21-1.136c-.144-.15-.28-.31-.417-.464c-.047 1.751 1.779 3.379 1.779 3.379c-2.29-.947-3.34-3-3.34-3s-1.543-2.631-.426-5.631c1.107-2.962 4.419-3.626 4.504-3.645a53 53 0 0 0-.814-.367c-.293-.142-1.145-.455-1.145-.455a6.4 6.4 0 0 0-1.798-.274c-2.792 0-4.277 2.11-4.277 2.11c-1.316 1.477-1.628 3.388-1.628 3.388c-.37 1.827.028 3.748.028 3.748s.038.151.048.217c.303.72.69 1.43 1.145 2.101c2.46 3.672 6.454 4.94 6.454 4.94c5.914 2.006 9.955-.946 9.955-.946c3.72-2.555 4.467-5.508 4.467-5.508c-3.01 2.338-4.306 2.12-4.306 2.12zM1.307 14.948a12.6 12.6 0 0 1-.36-1.78c-.01-.098-.025-.207-.037-.302c0 0-.133-1.287.151-2.697c0 0 .01-.038.02-.095c.036-.203.093-.407.132-.577c.085-.37.208-.814.33-1.174c0 0 1.307-4.287 5.726-6.245c0 0 1.524-.805 3.823-.862a3.7 3.7 0 0 0-.51-.435c-1.08-.72-2.688-.956-3.663.057c-.293.303-.54.634-.814.937c-.312.34-.69.624-1.126.785c-.378.142-.757.114-1.145.18c-.397.066-.804.208-1.126.464c-.35.284-.492.662-.53 1.097c-.038.341-.028.691-.047 1.032c-.048 1.003-.37 1.287-1.089 1.845c-.303.227-.558.53-.747.852c-.568 1.003.34 2.044.388 3.057c.01.208-.01.416-.085.615c-.076.217-.228.36-.35.54c-.171.236-.285.52-.237.813s.199.568.34.823c.275.455.616.862.975 1.25c.012.016.038.04.054.052z"/></svg>

Reactivex アイコンの使い方

React

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

<Icon icon="simple-icons:reactivex" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:reactivex" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:reactivex" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--reactivex]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:reactivex"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/reactivex.svg" alt="Reactivex アイコン" width="24" height="24">

他のアイコンセットの Reactivex アイコン

Reactivex アイコンのよくある質問

Reactivex アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Reactivex アイコンを使うには?

@iconify/react をインストールして <Icon icon="simple-icons:reactivex" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Reactivex アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/reactivex.svg" alt="Reactivex アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Simple Icons をすべて見る →