Ikon Rollupjs
logos:rollupjs
Ikon Rollupjs (logos:rollupjs) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 335. 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 × 335
- Tag
- rollupj, rollup
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="335" viewBox="0 0 256 335"><defs><linearGradient id="SVGblOtPd1m" x1="26.824%" x2="67.576%" y1="48.224%" y2="55.339%"><stop offset="0%" stop-color="#ff6533"/><stop offset="15.7%" stop-color="#ff5633"/><stop offset="43.4%" stop-color="#ff4333"/><stop offset="71.4%" stop-color="#ff3733"/><stop offset="100%" stop-color="#f33"/></linearGradient><linearGradient id="SVGdI1gwbbP" x1="20.45%" x2="93.486%" y1="38.133%" y2="80.432%"><stop offset="0%" stop-color="#bf3338"/><stop offset="100%" stop-color="#f33"/></linearGradient><linearGradient id="SVG9rzASdxg" x1="32.293%" x2="45.556%" y1="39.497%" y2="48.914%"><stop offset="0%" stop-color="#ff6533"/><stop offset="15.7%" stop-color="#ff5633"/><stop offset="43.4%" stop-color="#ff4333"/><stop offset="71.4%" stop-color="#ff3733"/><stop offset="100%" stop-color="#f33"/></linearGradient><linearGradient id="SVGAgX8pb1n" x1="51.564%" x2="48.518%" y1="78.344%" y2="41.663%"><stop offset="0%" stop-color="#ff6533"/><stop offset="15.7%" stop-color="#ff5633"/><stop offset="43.4%" stop-color="#ff4333"/><stop offset="71.4%" stop-color="#ff3733"/><stop offset="100%" stop-color="#f33"/></linearGradient><linearGradient id="SVG5y3PhZUo" x1="40.201%" x2="53.975%" y1="47.215%" y2="54.535%"><stop offset="0%" stop-color="#fbb040"/><stop offset="100%" stop-color="#fb8840"/></linearGradient><linearGradient id="SVGdx6moehO" x1="55.222%" x2="40.926%" y1="5.888%" y2="128.016%"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGblOtPd1m)" d="M256 110.133c0-19.684-5.155-38.137-14.235-54.13c-24.077-24.78-76.449-30.52-89.454-.117c-13.356 31.166 22.437 65.846 38.078 63.092c19.918-3.514-3.515-49.208-3.515-49.208c30.462 57.41 23.433 39.835-31.634 92.559S43.936 326.297 35.735 330.984c-.352.234-.703.41-1.113.586H250.61c3.807 0 6.268-4.042 4.569-7.44l-56.472-111.773c-1.23-2.402-.352-5.39 1.991-6.737C233.74 186.64 256 151.022 256 110.133"/><path fill="url(#SVGdI1gwbbP)" d="M256 110.133c0-19.684-5.155-38.137-14.235-54.13c-24.077-24.78-76.449-30.52-89.454-.117c-13.356 31.166 22.437 65.846 38.078 63.092c19.918-3.514-3.515-49.208-3.515-49.208c30.462 57.41 23.433 39.835-31.634 92.559S43.936 326.297 35.735 330.984c-.352.234-.703.41-1.113.586H250.61c3.807 0 6.268-4.042 4.569-7.44l-56.472-111.773c-1.23-2.402-.352-5.39 1.991-6.737C233.74 186.64 256 151.022 256 110.133"/><path fill="url(#SVG9rzASdxg)" d="M35.735 330.984c8.2-4.687 64.439-115.99 119.505-168.714c55.067-52.723 62.096-35.149 31.634-92.558c0 0-116.577 163.441-158.755 244.283"/><path fill="url(#SVGAgX8pb1n)" d="M52.137 184.53C130.87 39.778 141.181 25.19 182.187 25.19c21.559 0 43.292 9.724 57.352 27.006C220.383 21.324 186.464.644 147.625.059H13.884a5.1 5.1 0 0 0-5.097 5.096v269.591c7.967-20.562 21.5-49.97 43.35-90.215"/><path fill="url(#SVG5y3PhZUo)" d="M155.24 162.27C100.174 214.993 43.936 326.297 35.735 330.984c-8.202 4.686-21.968 5.272-29.291-2.93c-7.791-8.728-19.918-22.846 45.693-143.523C130.87 39.777 141.181 25.19 182.187 25.19c21.559 0 43.292 9.724 57.352 27.006c.761 1.23 1.523 2.519 2.284 3.808c-24.077-24.78-76.448-30.521-89.453-.118c-13.357 31.166 22.436 65.846 38.078 63.092c19.917-3.514-3.515-49.208-3.515-49.208c30.403 57.351 23.374 39.777-31.693 92.5"/><path fill="url(#SVGdx6moehO)" d="M58.581 190.975C137.314 46.22 147.625 31.634 188.631 31.634c17.75 0 35.618 6.62 49.209 18.57c-14.06-16.051-34.915-25.014-55.652-25.014c-41.007 0-51.318 14.587-130.05 159.34C-13.475 305.209-1.348 319.327 6.443 328.056c1.113 1.23 2.402 2.285 3.75 3.163C3.338 321.26.292 298.12 58.58 190.975" opacity=".3"/></svg>Cara memakai ikon Rollupjs
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rollupjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rollupjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rollupjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rollupjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rollupjs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rollupjs"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/rollupjs.svg" alt="Ikon Rollupjs" width="24" height="24">Ikon Rollupjs di set ikon lain
FAQ Ikon Rollupjs
Apakah ikon Rollupjs 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 Rollupjs di React?
Pasang @iconify/react lalu render <Icon icon="logos:rollupjs" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rollupjs ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/rollupjs.svg" alt="Ikon Rollupjs">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.