ICONYZ
Bahasa Indonesia
Ikon Rollup dari Material Icon Theme

Ikon Rollup

material-icon-theme:rollup

Ikon Rollup (material-icon-theme:rollup) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 800 × 800. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Icon Theme
Pembuat
Material Extensions
Lisensi
MIT
Ukuran
800 × 800
Download SVG

Kode SVG

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

Cara memakai ikon Rollup

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>

Gambar HTML

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

Ikon Rollup di set ikon lain

FAQ Ikon Rollup

Apakah ikon Rollup gratis untuk penggunaan komersial?

Ya. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Rollup di React?

Pasang @iconify/react lalu render <Icon icon="material-icon-theme:rollup" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Rollup ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/rollup.svg" alt="Ikon Rollup">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Icon Theme →