Reactivex icon

logos:reactivex

The Reactivex icon (logos:reactivex) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 247 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 247

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="247" viewBox="0 0 256 247"><defs><radialGradient id="SVG0PSzkcNZ" cx="78.764%" cy="37.848%" r="89.873%" fx="78.764%" fy="37.848%"><stop offset="0%" stop-color="#f80090"/><stop offset="100%" stop-color="#4d008e"/></radialGradient><radialGradient id="SVGRj6oidNY" cx="68.739%" cy="4.398%" r="81.728%" fx="68.739%" fy="4.398%"><stop offset="0%" stop-color="#57008e"/><stop offset="29.175%" stop-color="#5c008e"/><stop offset="100%" stop-color="#f80090"/></radialGradient><linearGradient id="SVGkwduYc4f" x1="18.239%" x2="81.159%" y1="0%" y2="84.337%"><stop offset="0%" stop-color="#f70090"/><stop offset="66.971%" stop-color="#e50090"/><stop offset="82.715%" stop-color="#d6008f" stop-opacity=".2"/><stop offset="100%" stop-color="#c10090" stop-opacity="0"/></linearGradient><linearGradient id="SVGzhs2YbDy" x1="64.906%" x2="44.29%" y1="71.559%" y2="50%"><stop offset="0%" stop-color="#b2008f" stop-opacity=".151"/><stop offset="40.035%" stop-color="#f70090" stop-opacity=".4"/><stop offset="64.9%" stop-color="#f60090" stop-opacity=".892"/><stop offset="100%" stop-color="#ff0090"/></linearGradient></defs><path fill="#ff0090" d="M16.685 157.125C3.567 87.38 38.236 20.115 117.81 11.166C106.836-.559 91.845-.647 84.949.78C72.77 4.66 73.152 12.541 59.338 22.72c-13.733 7.843-20.63 1.837-30.633 9.968c-9.983 8.07-3.017 26.597-7.204 30.2c-4.156 7.203-17.047 13.62-19.394 22.718c-1.94 11.636 5.264 19.948 4.987 29.922c.832 8.311-8.274 13.011-6.966 19.748c3.919 11.005 11.472 17.629 15.033 20.682c.816.576 1.678 1.993 1.523 1.167"/><path fill="url(#SVG0PSzkcNZ)" d="M158.275 60.579a5.264 5.264 0 1 1 .001-10.53a5.264 5.264 0 0 1 0 10.53M19.757 164.733C7.15 104.117 46.16 53.468 121.704 78.403c44.327 25.932 100.09 24.243 102.603 7.48c6.207-20.095-28.26-61.506-79.792-72.311C42.281-6.377-12.834 104.117 19.757 164.732"/><path fill="url(#SVGRj6oidNY)" d="M187.459 171.493c15.18 1.645 29.59-1.998 42.943-12.883c-20.174 22.503-45.4 33.817-74.343 36.895c13.82 11.749 27.147 17.041 39.896 14.776c-35.426 9.776-65.107-.984-101.213-36.94c-1.89 9.679 8.333 24.76 18.87 34.386c-61.138-26.505-66.498-109.073 8.053-129.383c-77.28-37.13-120.979 35.014-99.51 94.142c21.007 45.54 76.985 80.6 138.337 72.89c29.8-3.65 74.302-24.197 92.482-72.89c-12.813 11.498-35.716 21.512-45.936 22.28c34.59-17.287 53.264-46.662 48.022-86.81c-7.165 17.058-16.619 30.159-28.444 39.156c25.12-39.157 20.81-59.396 2.217-81.639c13.298 36.572-3.905 77.161-41.374 106.02"/><path fill="url(#SVGkwduYc4f)" d="M169.707 213.626c-2.625-.49 5.95 3.473-10.628-.916c-16.577-4.388-33.456-8.617-64.337-39.37c-1.89 9.68 8.333 24.76 18.87 34.387c28.444 19.838 9.1 10.56 52.44 25.542c3.478-6.922 3.655-13.074 3.655-19.643"/><path fill="url(#SVGzhs2YbDy)" d="M114.601 57.851s3.768-5.562 5.235-8.07c1.798-3.074 4.558-8.676 4.558-8.676S95.39 31.642 88.272 30.487c-22.127 5.744-22.207 15.014-9.837 29.203c1.376 1.58 36.166-1.839 36.166-1.839"/></svg>

How to use the Reactivex icon

React

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

<Icon icon="logos:reactivex" width="24" />

Vue

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

<template>
  <Icon icon="logos:reactivex" width="24" />
</template>

Svelte

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

<Icon icon="logos:reactivex" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:reactivex"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Reactivex icon" width="24" height="24">

Reactivex icon in other icon sets

Reactivex icon FAQ

Is the Reactivex icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Reactivex icon in React?

Install @iconify/react and render <Icon icon="logos:reactivex" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Reactivex icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Reactivex icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →