Icône Scroll

emojione-monotone:scroll

L'icône Scroll (emojione-monotone:scroll) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Monotone)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Objets

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M60.711 52.708h-.013V11.3h.013c.712 0 1.289-.581 1.289-1.298s-.577-1.298-1.289-1.298h-.99c.193-.393.313-.83.313-1.298a2.93 2.93 0 0 0-2.918-2.938H56.03v-1.3c0-.641-.517-1.161-1.154-1.161c-.635 0-1.151.52-1.151 1.161v1.299h-1.086a2.93 2.93 0 0 0-2.919 2.938c0 .469.119.905.313 1.298h-.99a1.3 1.3 0 0 0-1.079 2.006c-2.93.49-9.125 1.347-16.631 1.347c-5.428 0-10.548-.47-15.297-1.347c.135-.205.214-.45.214-.714c0-.718-.578-1.298-1.289-1.298h-.992c.194-.394.313-.831.313-1.299a2.927 2.927 0 0 0-2.917-2.938h-1.086V3.162A1.16 1.16 0 0 0 9.125 2c-.638 0-1.154.52-1.154 1.162V4.46H6.885c-1.611 0-2.916 1.315-2.916 2.938c0 .469.119.906.313 1.299h-.993C2.577 8.697 2 9.277 2 9.995c0 .716.577 1.298 1.289 1.298h.013V52.7h-.013C2.577 52.7 2 53.281 2 53.997c0 .719.577 1.299 1.289 1.299h.991a2.95 2.95 0 0 0-.312 1.299c0 1.623 1.305 2.938 2.916 2.938H7.97v1.299c0 .642.517 1.162 1.154 1.162s1.153-.521 1.153-1.162v-1.299h1.084a2.93 2.93 0 0 0 2.919-2.938c0-.469-.119-.905-.313-1.299h.992c.69 0 1.252-.55 1.284-1.239c3.187.52 9.226 1.312 16.421 1.312c5.329 0 10.392-.432 15.097-1.277a1.29 1.29 0 0 0 1.28 1.213h.99c-.194.393-.313.83-.313 1.299a2.93 2.93 0 0 0 2.919 2.938h1.086v1.299c0 .641.517 1.161 1.151 1.161c.638 0 1.154-.521 1.154-1.161V59.54h1.086c1.611 0 2.916-1.315 2.916-2.938c0-.469-.119-.906-.312-1.299h.991c.712 0 1.289-.581 1.289-1.299a1.29 1.29 0 0 0-1.287-1.296m-9.783-.937V12.237h7.896V51.77zm-37.856-.008H5.177V12.231h7.896v39.532zm1.875.166V12.441c5.062.989 10.567 1.49 16.385 1.49c8.328 0 15.122-1.045 17.717-1.506v39.514c-5.041 1.032-10.549 1.554-16.384 1.554c-8.597 0-15.513-1.15-17.718-1.564"/><path fill="currentColor" d="M31.998 17.816c-8.457 0-13.089-1.373-13.135-1.386l-.273.897c.192.058 4.795 1.427 13.408 1.427c9.195 0 13.639-1.37 13.822-1.428l-.281-.894c-.044.013-4.489 1.384-13.541 1.384m0 4.282c-8.457 0-13.089-1.373-13.135-1.386l-.273.897c.192.058 4.795 1.426 13.408 1.426c9.195 0 13.639-1.37 13.822-1.428l-.281-.894c-.044.014-4.489 1.385-13.541 1.385m0 4.281c-8.457 0-13.089-1.372-13.135-1.386l-.273.897c.192.058 4.795 1.426 13.408 1.426zm0 8.562c-2.291 0-4.509-.1-6.592-.297l-.088.934c2.111.199 4.359.301 6.68.301c9.195 0 13.638-1.369 13.822-1.428l-.281-.895c-.044.015-4.489 1.385-13.541 1.385m0 4.283c-8.457 0-13.089-1.372-13.135-1.386l-.273.896c.192.059 4.795 1.427 13.408 1.427c9.195 0 13.639-1.37 13.822-1.429l-.281-.893c-.044.015-4.489 1.385-13.541 1.385m0 4.282c-8.457 0-13.089-1.373-13.135-1.387l-.273.897c.192.058 4.795 1.427 13.408 1.427c9.195 0 13.639-1.37 13.822-1.429l-.281-.894c-.044.015-4.489 1.386-13.541 1.386M18.59 47.298c.192.058 4.795 1.426 13.408 1.426v-.938c-8.457 0-13.089-1.372-13.135-1.386z"/></svg>

Comment utiliser l'icône Scroll

React

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

<Icon icon="emojione-monotone:scroll" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:scroll" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:scroll" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--scroll]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:scroll"></div>

Web component

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

<iconify-icon icon="emojione-monotone:scroll"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/scroll.svg" alt="Icône Scroll" width="24" height="24">

L'icône Scroll dans d'autres collections

FAQ : Icône Scroll

L'icône Scroll est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Scroll dans React ?

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

Comment ajouter l'icône Scroll à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/scroll.svg" alt="Icône Scroll">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →