Иконка 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 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.