Icono Reactivex

logos:reactivex

El icono Reactivex (logos:reactivex) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 247. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 256 × 247

Descargar SVG

Código SVG

<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>

Cómo usar el icono Reactivex

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>

Imagen HTML

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

El icono Reactivex en otras colecciones

Preguntas frecuentes sobre Icono Reactivex

¿El icono Reactivex es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Reactivex en React?

Instala @iconify/react y renderiza <Icon icon="logos:reactivex" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Reactivex a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Icono Reactivex">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →