Rollup icon
material-icon-theme:rollup
The Rollup icon (material-icon-theme:rollup) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 800 × 800 grid. Material Icon Theme icons are released under the MIT 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
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 800 × 800
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><path fill="#f44336" d="M733.79 394.71c0 77.407-42.308 144.79-104.67 180.51c-3.76 3.134-5.954 8.148-3.76 12.849l106.87 211.22c2.82 6.581-1.568 14.103-8.776 14.103h-408.35l2.194-1.254c15.356-8.774 121.91-219.06 225.95-318.72c104.05-99.658 117.21-66.439 59.857-174.87c0 0 44.188 86.182 6.581 92.763c-29.459 5.328-97.15-60.17-72.08-119.09c25.071-57.664 123.79-46.695 169.23.314c17.236 30.085 26.952 64.872 26.952 102.17m-385.47 140.71c-41.367 76.154-67.692 131.62-82.108 170.48v-509.57c0-5.328 4.388-9.715 9.715-9.715h252.91c73.333 1.253 137.58 40.114 173.62 98.718c-26.325-32.906-67.692-51.71-108.43-51.71c-77.407 0-96.837 28.206-245.7 301.79z"/></svg>How to use the Rollup icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:rollup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:rollup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:rollup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--rollup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:rollup"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:rollup"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/rollup.svg" alt="Rollup icon" width="24" height="24">Rollup icon in other icon sets
Rollup icon FAQ
Is the Rollup icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT 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="material-icon-theme: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/material-icon-theme/rollup.svg" alt="Rollup icon">, or paste the SVG code inline to style it with CSS.