scroll logo
scroll-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- scroll-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
scrollEmoji One (Colored)scrollFont Awesome 6 SolidscrollFont Awesome SolidscrollFluent EmojiscrollFluent Emoji FlatscrollFluent Emoji High ContrastscrollFirefox OS EmojiscrollHuge IconsscrollLine AwesomescrollLucidescrollMajesticonsscrollNoto EmojiscrollOpenMojiscrollPhosphorscrollStreamline EmojisscrollWeb3 IconsscrollTwitter EmojiscrollUnicons
Use the scroll logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd19)"><path fill="#101010" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.997 10.197c-.62-.582-1.047-1.339-1.047-2.23v-.098c.058-1.512 1.3-2.753 2.812-2.792h9.677c.253.02.447.194.447.446v8.203c.213.039.33.078.542.136c.175.058.408.194.408.194V5.523a1.42 1.42 0 0 0-1.416-1.396H7.762A3.833 3.833 0 0 0 4 7.967c0 1.221.562 2.268 1.454 2.986c.059.058.117.116.291.116c.291 0 .485-.233.466-.465c0-.213-.078-.291-.214-.407"/><path fill="#fff" d="M17.188 14.269H9.605a.915.915 0 0 0-.911.93v1.087c.02.504.446.93.95.93h.562v-.93h-.562v-1.067h.31c.95 0 1.668.892 1.668 1.842c0 .854-.776 1.92-2.056 1.843c-1.144-.078-1.764-1.086-1.764-1.843v-9.25a.77.77 0 0 0-.757-.756H6.29v.95h.562v9.076c-.038 1.842 1.32 2.773 2.715 2.773l7.641.02A2.793 2.793 0 0 0 20 17.08c-.02-1.571-1.26-2.812-2.812-2.812m1.842 2.85a1.856 1.856 0 0 1-1.842 1.785l-5.314-.02a2.75 2.75 0 0 0 .68-1.823c0-1.085-.64-1.842-.64-1.842h5.293c1.009 0 1.843.834 1.843 1.842zM15.15 8.16H9.43v-.95h5.72c.253 0 .466.213.466.465c0 .271-.194.485-.465.485"/><path fill="#fff" d="M15.15 12.62H9.43v-.95h5.72c.253 0 .466.214.466.466c0 .271-.194.485-.465.485m1.009-2.231H9.43v-.95h6.73c.251 0 .465.213.465.465a.476.476 0 0 1-.466.485"/></g><defs><clipPath id="SVGHcSWxdhd19"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedScrollBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd19)"><path fill="#101010" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.997 10.197c-.62-.582-1.047-1.339-1.047-2.23v-.098c.058-1.512 1.3-2.753 2.812-2.792h9.677c.253.02.447.194.447.446v8.203c.213.039.33.078.542.136c.175.058.408.194.408.194V5.523a1.42 1.42 0 0 0-1.416-1.396H7.762A3.833 3.833 0 0 0 4 7.967c0 1.221.562 2.268 1.454 2.986c.059.058.117.116.291.116c.291 0 .485-.233.466-.465c0-.213-.078-.291-.214-.407"/><path fill="#fff" d="M17.188 14.269H9.605a.915.915 0 0 0-.911.93v1.087c.02.504.446.93.95.93h.562v-.93h-.562v-1.067h.31c.95 0 1.668.892 1.668 1.842c0 .854-.776 1.92-2.056 1.843c-1.144-.078-1.764-1.086-1.764-1.843v-9.25a.77.77 0 0 0-.757-.756H6.29v.95h.562v9.076c-.038 1.842 1.32 2.773 2.715 2.773l7.641.02A2.793 2.793 0 0 0 20 17.08c-.02-1.571-1.26-2.812-2.812-2.812m1.842 2.85a1.856 1.856 0 0 1-1.842 1.785l-5.314-.02a2.75 2.75 0 0 0 .68-1.823c0-1.085-.64-1.842-.64-1.842h5.293c1.009 0 1.843.834 1.843 1.842zM15.15 8.16H9.43v-.95h5.72c.253 0 .466.213.466.465c0 .271-.194.485-.465.485"/><path fill="#fff" d="M15.15 12.62H9.43v-.95h5.72c.253 0 .466.214.466.466c0 .271-.194.485-.465.485m1.009-2.231H9.43v-.95h6.73c.251 0 .465.213.465.465a.476.476 0 0 1-.466.485"/></g><defs><clipPath id="SVGHcSWxdhd19"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd19)"><path fill="#101010" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.997 10.197c-.62-.582-1.047-1.339-1.047-2.23v-.098c.058-1.512 1.3-2.753 2.812-2.792h9.677c.253.02.447.194.447.446v8.203c.213.039.33.078.542.136c.175.058.408.194.408.194V5.523a1.42 1.42 0 0 0-1.416-1.396H7.762A3.833 3.833 0 0 0 4 7.967c0 1.221.562 2.268 1.454 2.986c.059.058.117.116.291.116c.291 0 .485-.233.466-.465c0-.213-.078-.291-.214-.407"/><path fill="#fff" d="M17.188 14.269H9.605a.915.915 0 0 0-.911.93v1.087c.02.504.446.93.95.93h.562v-.93h-.562v-1.067h.31c.95 0 1.668.892 1.668 1.842c0 .854-.776 1.92-2.056 1.843c-1.144-.078-1.764-1.086-1.764-1.843v-9.25a.77.77 0 0 0-.757-.756H6.29v.95h.562v9.076c-.038 1.842 1.32 2.773 2.715 2.773l7.641.02A2.793 2.793 0 0 0 20 17.08c-.02-1.571-1.26-2.812-2.812-2.812m1.842 2.85a1.856 1.856 0 0 1-1.842 1.785l-5.314-.02a2.75 2.75 0 0 0 .68-1.823c0-1.085-.64-1.842-.64-1.842h5.293c1.009 0 1.843.834 1.843 1.842zM15.15 8.16H9.43v-.95h5.72c.253 0 .466.213.466.465c0 .271-.194.485-.465.485"/><path fill="#fff" d="M15.15 12.62H9.43v-.95h5.72c.253 0 .466.214.466.466c0 .271-.194.485-.465.485m1.009-2.231H9.43v-.95h6.73c.251 0 .465.213.465.465a.476.476 0 0 1-.466.485"/></g><defs><clipPath id="SVGHcSWxdhd19"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-scroll-background {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd19)%22%3E%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.997%2010.197c-.62-.582-1.047-1.339-1.047-2.23v-.098c.058-1.512%201.3-2.753%202.812-2.792h9.677c.253.02.447.194.447.446v8.203c.213.039.33.078.542.136c.175.058.408.194.408.194V5.523a1.42%201.42%200%200%200-1.416-1.396H7.762A3.833%203.833%200%200%200%204%207.967c0%201.221.562%202.268%201.454%202.986c.059.058.117.116.291.116c.291%200%20.485-.233.466-.465c0-.213-.078-.291-.214-.407%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.188%2014.269H9.605a.915.915%200%200%200-.911.93v1.087c.02.504.446.93.95.93h.562v-.93h-.562v-1.067h.31c.95%200%201.668.892%201.668%201.842c0%20.854-.776%201.92-2.056%201.843c-1.144-.078-1.764-1.086-1.764-1.843v-9.25a.77.77%200%200%200-.757-.756H6.29v.95h.562v9.076c-.038%201.842%201.32%202.773%202.715%202.773l7.641.02A2.793%202.793%200%200%200%2020%2017.08c-.02-1.571-1.26-2.812-2.812-2.812m1.842%202.85a1.856%201.856%200%200%201-1.842%201.785l-5.314-.02a2.75%202.75%200%200%200%20.68-1.823c0-1.085-.64-1.842-.64-1.842h5.293c1.009%200%201.843.834%201.843%201.842zM15.15%208.16H9.43v-.95h5.72c.253%200%20.466.213.466.465c0%20.271-.194.485-.465.485%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.15%2012.62H9.43v-.95h5.72c.253%200%20.466.214.466.466c0%20.271-.194.485-.465.485m1.009-2.231H9.43v-.95h6.73c.251%200%20.465.213.465.465a.476.476%200%200%201-.466.485%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd19%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd19)%22%3E%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.997%2010.197c-.62-.582-1.047-1.339-1.047-2.23v-.098c.058-1.512%201.3-2.753%202.812-2.792h9.677c.253.02.447.194.447.446v8.203c.213.039.33.078.542.136c.175.058.408.194.408.194V5.523a1.42%201.42%200%200%200-1.416-1.396H7.762A3.833%203.833%200%200%200%204%207.967c0%201.221.562%202.268%201.454%202.986c.059.058.117.116.291.116c.291%200%20.485-.233.466-.465c0-.213-.078-.291-.214-.407%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.188%2014.269H9.605a.915.915%200%200%200-.911.93v1.087c.02.504.446.93.95.93h.562v-.93h-.562v-1.067h.31c.95%200%201.668.892%201.668%201.842c0%20.854-.776%201.92-2.056%201.843c-1.144-.078-1.764-1.086-1.764-1.843v-9.25a.77.77%200%200%200-.757-.756H6.29v.95h.562v9.076c-.038%201.842%201.32%202.773%202.715%202.773l7.641.02A2.793%202.793%200%200%200%2020%2017.08c-.02-1.571-1.26-2.812-2.812-2.812m1.842%202.85a1.856%201.856%200%200%201-1.842%201.785l-5.314-.02a2.75%202.75%200%200%200%20.68-1.823c0-1.085-.64-1.842-.64-1.842h5.293c1.009%200%201.843.834%201.843%201.842zM15.15%208.16H9.43v-.95h5.72c.253%200%20.466.213.466.465c0%20.271-.194.485-.465.485%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.15%2012.62H9.43v-.95h5.72c.253%200%20.466.214.466.466c0%20.271-.194.485-.465.485m1.009-2.231H9.43v-.95h6.73c.251%200%20.465.213.465.465a.476.476%200%200%201-.466.485%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd19%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/scroll-background.svg?color=%231a73e8&size=48
