أيقونة Rollup

material-icon-theme:rollup

أيقونة Rollup (material-icon-theme:rollup) أيقونة SVG مجانية من مجموعة Material Icon Theme من تصميم Material Extensions. مرسومة على شبكة 800 × 800. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Icon Theme
المؤلف: Material Extensions
الترخيص: MIT
الحجم: 800 × 800

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/material-icon-theme/rollup.svg" alt="أيقونة Rollup" width="24" height="24">

أيقونة Rollup في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Rollup

هل أيقونة Rollup مجانية للاستخدام التجاري؟

نعم. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Rollup في React؟

ثبّت @iconify/react واعرض <Icon icon="material-icon-theme:rollup" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Rollup إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-icon-theme/rollup.svg" alt="أيقونة Rollup">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Material Icon Theme →