أيقونة Rollupjs

logos:rollupjs

أيقونة Rollupjs (logos:rollupjs) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 335. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 256 × 335
الوسوم: rollupj، rollup

تنزيل SVG

شيفرة SVG

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

كيفية استخدام أيقونة Rollupjs

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>

مكوّن ويب

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

<iconify-icon icon="logos:rollupjs"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/rollupjs.svg" alt="أيقونة Rollupjs" width="24" height="24">

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

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

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

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات SVG Logos →