Ikon Reactivex
logos:reactivex
Ikon Reactivex (logos:reactivex) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 247. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 247
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Ikon Reactivex" width="24" height="24">Ikon Reactivex di set ikon lain
FAQ Ikon Reactivex
Apakah ikon Reactivex gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Reactivex di React?
Pasang @iconify/react lalu render <Icon icon="logos:reactivex" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Reactivex ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/reactivex.svg" alt="Ikon Reactivex">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.