ICONYZ
Français
Icône Roll Of Paper de Fluent Emoji

Icône Roll Of Paper

fluent-emoji:roll-of-paper

L'icône Roll Of Paper (fluent-emoji:roll-of-paper) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
Fluent Emoji
Auteur
Microsoft Corporation
Licence
MIT
Taille
32 × 32
Mots-clés
rollof, ofpaper, rollofpaper
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#ia786we)" d="M12.664 10.783h12.102v13.484H12.664z"/><path fill="url(#i13m3Mb)" d="M12.664 10.783h12.102v13.484H12.664z"/><g filter="url(#iDKYoad)"><ellipse cx="24.766" cy="14.799" fill="url(#iplNvCk)" rx="5.07" ry="9.469"/></g><ellipse cx="24.93" cy="14.767" fill="url(#i1k1EHc)" rx="2.141" ry="3.984"/><g filter="url(#iMTw7Td)"><path fill="url(#iVoM3wc)" d="M19.695 28.845V14.8c0-5.23 2.27-9.47 5.07-9.47c2.783 0 5.042 4.186 5.07 9.37l.001-.065c0-5.32-2.504-9.632-5.594-9.632H7.758c-3.09 0-5.594 4.312-5.594 9.632v14.211a1 1 0 0 0 1 1h15.531a1 1 0 0 0 1-1"/></g><path fill="url(#iooVgTc)" d="M19.695 28.845V14.8c0-5.23 2.27-9.47 5.07-9.47c2.783 0 5.042 4.186 5.07 9.37l.001-.065c0-5.32-2.504-9.632-5.594-9.632H7.758c-3.09 0-5.594 4.312-5.594 9.632v14.211a1 1 0 0 0 1 1h15.531a1 1 0 0 0 1-1"/><defs><linearGradient id="ia786we" x1="18.715" x2="18.715" y1="20.127" y2="24.267" gradientUnits="userSpaceOnUse"><stop stop-color="#AA9DB9"/><stop offset="1" stop-color="#A385BE"/></linearGradient><linearGradient id="iplNvCk" x1="24.766" x2="24.766" y1="5.33" y2="24.267" gradientUnits="userSpaceOnUse"><stop stop-color="#F1EFF3"/><stop offset="1" stop-color="#F2EFF6"/></linearGradient><linearGradient id="i1k1EHc" x1="25.883" x2="22.789" y1="15.345" y2="11.345" gradientUnits="userSpaceOnUse"><stop stop-color="#804D3B"/><stop offset=".941" stop-color="#4F2720"/></linearGradient><linearGradient id="iVoM3wc" x1="16" x2="16" y1="5.502" y2="29.845" gradientUnits="userSpaceOnUse"><stop offset=".234" stop-color="#D0D0D1"/><stop offset=".453" stop-color="#C7C3CC"/><stop offset="1" stop-color="#DBD7E0"/></linearGradient><linearGradient id="iooVgTc" x1="10.071" x2="10.071" y1="29.845" y2="28.939" gradientUnits="userSpaceOnUse"><stop stop-color="#C7B9D5"/><stop offset="1" stop-color="#DBD7E0" stop-opacity="0"/></linearGradient><filter id="iDKYoad" width="10.391" height="19.087" x="19.696" y="5.18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.976471 0 0 0 0 0.968627 0 0 0 0 0.984314 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_26187"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.878431 0 0 0 0 0.854902 0 0 0 0 0.909804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_26187" result="effect2_innerShadow_18_26187"/></filter><filter id="iMTw7Td" width="28.072" height="24.844" x="1.914" y="5.002" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.737255 0 0 0 0 0.72549 0 0 0 0 0.752941 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_26187"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.960784 0 0 0 0 0.956863 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_26187" result="effect2_innerShadow_18_26187"/></filter><radialGradient id="i13m3Mb" cx="0" cy="0" r="1" gradientTransform="matrix(3.34374 6.125 -2.76482 1.50936 22.54 18.752)" gradientUnits="userSpaceOnUse"><stop offset=".398" stop-color="#CFC9D6"/><stop offset=".989" stop-color="#CFC9D6" stop-opacity="0"/></radialGradient></defs></g></svg>

Comment utiliser l'icône Roll Of Paper

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:roll-of-paper" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:roll-of-paper" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:roll-of-paper" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--roll-of-paper]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:roll-of-paper"></div>

Web component

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

<iconify-icon icon="fluent-emoji:roll-of-paper"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/roll-of-paper.svg" alt="Icône Roll Of Paper" width="24" height="24">

Icônes similaires dans Fluent Emoji

Icône rolled-up-newspaper
rolled-up-newspaper
 Icône roller-coaster
roller-coaster
 Icône roller-skate
roller-skate
 Icône rolling-on-the-floor-laughing
rolling-on-the-floor-laughing

L'icône Roll Of Paper dans d'autres collections

Icône Roll Of Paper de Fluent Emoji Flat
Fluent Emoji Flat
 Icône Roll Of Paper de Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Icône Roll Of Paper de Noto Emoji
Noto Emoji
 Icône Roll Of Paper de OpenMoji
OpenMoji
 Icône Roll Of Paper de Twitter Emoji
Twitter Emoji

FAQ : Icône Roll Of Paper

L'icône Roll Of Paper est-elle gratuite pour un usage commercial ?

Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Roll Of Paper dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji:roll-of-paper" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Roll Of Paper à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/roll-of-paper.svg" alt="Icône Roll Of Paper">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji →