Иконка Reactivex

logos:reactivex

Иконка Reactivex (logos:reactivex) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 247. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 247

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Иконка Reactivex" width="24" height="24">

Иконка Reactivex в других наборах

Вопросы и ответы: Иконка Reactivex

Можно ли бесплатно использовать иконку Reactivex в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Reactivex в React?

Установите @iconify/react и выведите <Icon icon="logos:reactivex" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Reactivex на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Иконка Reactivex">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →