Rollup icon

file-icons:rollup

The Rollup icon (file-icons:rollup) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 387 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 387 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="387" height="512" viewBox="0 0 387 512"><path fill="currentColor" d="M0 424.238V0h214.427c59.985.905 112.37 32.842 141.955 80.522c-21.714-26.69-55.28-41.71-88.575-41.71c-63.333 0-79.256 22.53-200.855 246.094C39.169 335.59 15.839 382.82 0 424.238M386.272 512l-96.396-190.872c82.741-42.782 118.753-147.246 69.944-234.725c-38.096-38.688-117.315-47.147-138.065-.181c-19.962 46.579 31.16 98.239 56.374 97.673c23.538-1.063 16.086-35.014-3.039-76.23c20.56 38.782 30.08 55.38 27.1 68.62c-3.758 17.057-28.122 28.489-76.002 74.33C141.141 332.044 55.821 503.139 39.91 512z"/></svg>

How to use the Rollup icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:rollup" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:rollup" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:rollup" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--rollup]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:rollup"></div>

Web component

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

<iconify-icon icon="file-icons:rollup"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/rollup.svg" alt="Rollup icon" width="24" height="24">

Related icons in File Icons

Rollup icon in other icon sets

Rollup icon FAQ

Is the Rollup icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Rollup icon in React?

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

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

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

Browse all File Icons →