Icône File Type Rollup
vscode-icons:file-type-rollup
L'icône File Type Rollup (vscode-icons:file-type-rollup) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- VSCode Icons
- Auteur
- Roberto Huertas
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- filetype, typerollup, filetyperollup
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVG0aPgjdWp" x1="13.146" x2="20.701" y1="-186.913" y2="-188.679" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><linearGradient id="SVGEzUXMeRY" x1="11.963" x2="25.504" y1="-184.409" y2="-194.908" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf3338"/><stop offset="1" stop-color="#f33"/></linearGradient><linearGradient id="SVGkRjvQkZr" x1="12.406" x2="14.368" y1="-186.476" y2="-188.536" href="#SVG0aPgjdWp"/><linearGradient id="SVGN27Cvb5p" x1="15.974" x2="15.385" y1="-190.023" y2="-181.584" href="#SVG0aPgjdWp"/><linearGradient id="SVG4frn6c0O" x1="13.423" x2="16.211" y1="-186.331" y2="-188.227" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbb040"/><stop offset="1" stop-color="#fb8840"/></linearGradient><linearGradient id="SVGVBiWIclC" x1="16.279" x2="13.434" y1="-175.614" y2="-206.915" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVG0aPgjdWp)" d="M26.713 11.219a9.15 9.15 0 0 0-1.193-4.534c-2.016-2.075-6.4-2.556-7.492-.01c-1.119 2.61 1.879 5.514 3.189 5.284c1.668-.294-.294-4.121-.294-4.121c2.551 4.808 1.962 3.336-2.649 7.752S8.953 29.322 8.266 29.715a1 1 0 0 1-.093.049h18.088a.43.43 0 0 0 .383-.623l-4.729-9.361a.43.43 0 0 1 .167-.564a9.21 9.21 0 0 0 4.631-7.997"/><path fill="url(#SVGEzUXMeRY)" d="M26.713 11.219a9.15 9.15 0 0 0-1.193-4.534c-2.016-2.075-6.4-2.556-7.492-.01c-1.119 2.61 1.879 5.514 3.189 5.284c1.668-.294-.294-4.121-.294-4.121c2.551 4.808 1.962 3.336-2.649 7.752S8.953 29.322 8.266 29.715a1 1 0 0 1-.093.049h18.088a.43.43 0 0 0 .383-.623l-4.729-9.361a.43.43 0 0 1 .167-.564a9.21 9.21 0 0 0 4.631-7.997"/><path fill="url(#SVGkRjvQkZr)" d="M8.266 29.715c.687-.392 5.4-9.714 10.008-14.13s5.2-2.944 2.649-7.752c0 0-9.763 13.688-13.3 20.458"/><path fill="url(#SVGN27Cvb5p)" d="M9.639 17.449C16.233 5.326 17.1 4.1 20.531 4.1a6.25 6.25 0 0 1 4.8 2.262A9.21 9.21 0 0 0 17.636 2h-11.2a.427.427 0 0 0-.427.427V25a68 68 0 0 1 3.63-7.551"/><path fill="url(#SVG4frn6c0O)" d="M18.274 15.585C13.662 20 8.953 29.322 8.266 29.715a2.08 2.08 0 0 1-2.453-.245c-.653-.731-1.668-1.913 3.827-12.02C16.233 5.326 17.1 4.1 20.531 4.1a6.25 6.25 0 0 1 4.8 2.262c.064.1.128.211.191.319c-2.016-2.075-6.4-2.556-7.492-.01c-1.119 2.61 1.879 5.514 3.189 5.284c1.668-.294-.294-4.121-.294-4.121c2.55 4.807 1.961 3.335-2.651 7.751"/><path fill="url(#SVGVBiWIclC)" d="M10.179 17.989C16.773 5.866 17.636 4.644 21.071 4.644A6.3 6.3 0 0 1 25.192 6.2a6.25 6.25 0 0 0-4.661-2.1c-3.434 0-4.3 1.222-10.892 13.345C4.145 27.556 5.16 28.738 5.813 29.469a1.6 1.6 0 0 0 .314.265c-.574-.834-.827-2.772 4.052-11.745" opacity=".3"/></svg>
Comment utiliser l'icône File Type Rollup
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-rollup" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-rollup" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-rollup" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-rollup]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-rollup"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-rollup"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-rollup.svg" alt="Icône File Type Rollup" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Rollup
L'icône File Type Rollup est-elle gratuite pour un usage commercial ?
Oui. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône File Type Rollup dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-rollup" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Rollup à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-rollup.svg" alt="Icône File Type Rollup">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
