scroll emoji
scroll from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- scroll
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
scrollEmoji One (Colored)scrollFont Awesome 6 SolidscrollFont Awesome SolidscrollFluent EmojiscrollFluent Emoji FlatscrollFirefox OS EmojiscrollHuge IconsscrollLine AwesomescrollLucidescrollMajesticonsscrollNoto EmojiscrollOpenMojiscrollPhosphorscrollStreamline EmojisscrollWeb3 IconsscrollWeb3 Icons BrandedscrollTwitter EmojiscrollUnicons
More objects icons from Fluent Emoji High Contrast
Use the scroll emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.01 21.33a.5.5 0 0 1 .5-.5h7.96a.5.5 0 0 1 0 1h-7.96a.5.5 0 0 1-.5-.5m.47-3.48a.5.5 0 1 0 0 1H23.5a.5.5 0 0 0 0-1zm-.5-2.52a.5.5 0 0 1 .5-.5H23.5a.5.5 0 0 1 0 1H10.48a.5.5 0 0 1-.5-.5m.44-3.46a.5.5 0 1 0 0 1H23.5a.5.5 0 0 0 0-1z"/><path d="M4.475 1C2.668 1 1.357 2.475 1.029 4.136l-.001.01l-.002.009a1.64 1.64 0 0 0 .238 1.186c.226.344.639.659 1.19.659h3.544L5.95 27.068v.002a3.945 3.945 0 0 0 3.94 3.94h15.67q.12 0 .237-.012c3.83-.054 4.74-1.563 5.127-3.058a1.5 1.5 0 0 0-.295-1.282a1.91 1.91 0 0 0-1.5-.688H27.95V5.45a4.44 4.44 0 0 0-4.44-4.44H9.6V1zm3.523 5H8V5a4.46 4.46 0 0 0-.474-2H7.6v.01h15.91a2.44 2.44 0 0 1 2.44 2.44v20.52H14.4a1.77 1.77 0 0 0-1.785 1.3A2.4 2.4 0 0 1 10.706 29v.01H9.89a1.945 1.945 0 0 1-1.94-1.939l.048-21.066z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastScroll(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.01 21.33a.5.5 0 0 1 .5-.5h7.96a.5.5 0 0 1 0 1h-7.96a.5.5 0 0 1-.5-.5m.47-3.48a.5.5 0 1 0 0 1H23.5a.5.5 0 0 0 0-1zm-.5-2.52a.5.5 0 0 1 .5-.5H23.5a.5.5 0 0 1 0 1H10.48a.5.5 0 0 1-.5-.5m.44-3.46a.5.5 0 1 0 0 1H23.5a.5.5 0 0 0 0-1z"/><path d="M4.475 1C2.668 1 1.357 2.475 1.029 4.136l-.001.01l-.002.009a1.64 1.64 0 0 0 .238 1.186c.226.344.639.659 1.19.659h3.544L5.95 27.068v.002a3.945 3.945 0 0 0 3.94 3.94h15.67q.12 0 .237-.012c3.83-.054 4.74-1.563 5.127-3.058a1.5 1.5 0 0 0-.295-1.282a1.91 1.91 0 0 0-1.5-.688H27.95V5.45a4.44 4.44 0 0 0-4.44-4.44H9.6V1zm3.523 5H8V5a4.46 4.46 0 0 0-.474-2H7.6v.01h15.91a2.44 2.44 0 0 1 2.44 2.44v20.52H14.4a1.77 1.77 0 0 0-1.785 1.3A2.4 2.4 0 0 1 10.706 29v.01H9.89a1.945 1.945 0 0 1-1.94-1.939l.048-21.066z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.01 21.33a.5.5 0 0 1 .5-.5h7.96a.5.5 0 0 1 0 1h-7.96a.5.5 0 0 1-.5-.5m.47-3.48a.5.5 0 1 0 0 1H23.5a.5.5 0 0 0 0-1zm-.5-2.52a.5.5 0 0 1 .5-.5H23.5a.5.5 0 0 1 0 1H10.48a.5.5 0 0 1-.5-.5m.44-3.46a.5.5 0 1 0 0 1H23.5a.5.5 0 0 0 0-1z"/><path d="M4.475 1C2.668 1 1.357 2.475 1.029 4.136l-.001.01l-.002.009a1.64 1.64 0 0 0 .238 1.186c.226.344.639.659 1.19.659h3.544L5.95 27.068v.002a3.945 3.945 0 0 0 3.94 3.94h15.67q.12 0 .237-.012c3.83-.054 4.74-1.563 5.127-3.058a1.5 1.5 0 0 0-.295-1.282a1.91 1.91 0 0 0-1.5-.688H27.95V5.45a4.44 4.44 0 0 0-4.44-4.44H9.6V1zm3.523 5H8V5a4.46 4.46 0 0 0-.474-2H7.6v.01h15.91a2.44 2.44 0 0 1 2.44 2.44v20.52H14.4a1.77 1.77 0 0 0-1.785 1.3A2.4 2.4 0 0 1 10.706 29v.01H9.89a1.945 1.945 0 0 1-1.94-1.939l.048-21.066z"/></g></svg> </template>
CSS
.icon-scroll {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.01%2021.33a.5.5%200%200%201%20.5-.5h7.96a.5.5%200%200%201%200%201h-7.96a.5.5%200%200%201-.5-.5m.47-3.48a.5.5%200%201%200%200%201H23.5a.5.5%200%200%200%200-1zm-.5-2.52a.5.5%200%200%201%20.5-.5H23.5a.5.5%200%200%201%200%201H10.48a.5.5%200%200%201-.5-.5m.44-3.46a.5.5%200%201%200%200%201H23.5a.5.5%200%200%200%200-1z%22%2F%3E%3Cpath%20d%3D%22M4.475%201C2.668%201%201.357%202.475%201.029%204.136l-.001.01l-.002.009a1.64%201.64%200%200%200%20.238%201.186c.226.344.639.659%201.19.659h3.544L5.95%2027.068v.002a3.945%203.945%200%200%200%203.94%203.94h15.67q.12%200%20.237-.012c3.83-.054%204.74-1.563%205.127-3.058a1.5%201.5%200%200%200-.295-1.282a1.91%201.91%200%200%200-1.5-.688H27.95V5.45a4.44%204.44%200%200%200-4.44-4.44H9.6V1zm3.523%205H8V5a4.46%204.46%200%200%200-.474-2H7.6v.01h15.91a2.44%202.44%200%200%201%202.44%202.44v20.52H14.4a1.77%201.77%200%200%200-1.785%201.3A2.4%202.4%200%200%201%2010.706%2029v.01H9.89a1.945%201.945%200%200%201-1.94-1.939l.048-21.066z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.01%2021.33a.5.5%200%200%201%20.5-.5h7.96a.5.5%200%200%201%200%201h-7.96a.5.5%200%200%201-.5-.5m.47-3.48a.5.5%200%201%200%200%201H23.5a.5.5%200%200%200%200-1zm-.5-2.52a.5.5%200%200%201%20.5-.5H23.5a.5.5%200%200%201%200%201H10.48a.5.5%200%200%201-.5-.5m.44-3.46a.5.5%200%201%200%200%201H23.5a.5.5%200%200%200%200-1z%22%2F%3E%3Cpath%20d%3D%22M4.475%201C2.668%201%201.357%202.475%201.029%204.136l-.001.01l-.002.009a1.64%201.64%200%200%200%20.238%201.186c.226.344.639.659%201.19.659h3.544L5.95%2027.068v.002a3.945%203.945%200%200%200%203.94%203.94h15.67q.12%200%20.237-.012c3.83-.054%204.74-1.563%205.127-3.058a1.5%201.5%200%200%200-.295-1.282a1.91%201.91%200%200%200-1.5-.688H27.95V5.45a4.44%204.44%200%200%200-4.44-4.44H9.6V1zm3.523%205H8V5a4.46%204.46%200%200%200-.474-2H7.6v.01h15.91a2.44%202.44%200%200%201%202.44%202.44v20.52H14.4a1.77%201.77%200%200%200-1.785%201.3A2.4%202.4%200%200%201%2010.706%2029v.01H9.89a1.945%201.945%200%200%201-1.94-1.939l.048-21.066z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/scroll.svg?color=%231a73e8&size=48
