Rollupjs icon

logos:rollupjs

The Rollupjs icon (logos:rollupjs) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 335 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 × 335
Tags: rollupj, rollup

Download SVG

SVG code

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

How to use the Rollupjs icon

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>

HTML image

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

Rollupjs icon in other icon sets

Rollupjs icon FAQ

Is the Rollupjs 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 Rollupjs icon in React?

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

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

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

Browse all SVG Logos icons →