SVG
Viewer
Dark mode
Light mode
Hide sidebar
Scrolling
User Interface 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.56 KB
2.65 KB
-26%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/161356/scrolling --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 481.6 481.6" style="enable-background:new 0 0 481.6 481.6;" xml:space="preserve"> <rect x="12" y="12" style="fill:#FFFFFF;" width="457.6" height="457.6"/> <polyline style="fill:#E8EFEE;" points="12,12 469.6,12 469.6,469.6 "/> <path style="fill:#B1BCBC;" d="M469.6,481.6H12c-6.4,0-12-5.6-12-12V12C0,5.6,5.6,0,12,0h457.6c6.4,0,12,5.6,12,12v457.6 C481.6,476,476,481.6,469.6,481.6z M24,457.6h433.6V24H24V457.6z"/> <g> <path style="fill:#FFFFFF;" d="M16.8,164.8c-2.4,0-8.8-8.8-8.8-25.6V33.6C8,16.8,14.4,8,16.8,8h448c2.4,0,8.8,8.8,8.8,25.6v104.8 c0,16.8-6.4,25.6-8.8,25.6h-448V164.8z"/> <path style="fill:#FFFFFF;" d="M16.8,319.2c-2.4,0-8.8-8.8-8.8-25.6V188c0-16.8,6.4-25.6,8.8-25.6h448c2.4,0,8.8,8.8,8.8,25.6 v104.8c0,16.8-6.4,25.6-8.8,25.6h-448V319.2z"/> </g> <rect x="8.8" y="162.4" style="fill:#D9E2E2;" width="150.4" height="153.6"/> <path style="fill:#B1BCBC;" d="M167.2,324.8H0.8V154.4h166.4V324.8z M16.8,308.8h134.4V170.4H16.8V308.8z"/> <path style="fill:#FFFFFF;" d="M16.8,473.6c-2.4,0-8.8-8.8-8.8-25.6V342.4c0-16.8,6.4-25.6,8.8-25.6h448c2.4,0,8.8,8.8,8.8,25.6 v104.8c0,16.8-6.4,25.6-8.8,25.6h-448V473.6z"/> <g> <rect x="320.8" y="10.4" style="fill:#B1BCBC;" width="150.4" height="462.4"/> <path style="fill:#B1BCBC;" d="M481.6,33.6c0-18.4-7.2-33.6-16.8-33.6H293.6H188H16.8C7.2,0,0,15.2,0,33.6v104.8 c0,9.6,2.4,18.4,5.6,24.8C2.4,169.6,0,178.4,0,188v104.8c0,9.6,2.4,18.4,5.6,24.8C2.4,324,0,332.8,0,342.4v104.8 c0,18.4,7.2,33.6,16.8,33.6H188h104.8h172c9.6,0,16.8-15.2,16.8-33.6V342.4c0-9.6-2.4-18.4-5.6-24.8c3.2-6.4,5.6-15.2,5.6-24.8V188 c0-9.6-2.4-18.4-5.6-24.8c3.2-6.4,5.6-15.2,5.6-24.8V33.6z M461.6,16c1.6,2.4,4,8.8,4,17.6v104.8c0,7.2-1.6,12.8-3.2,16h-136V16.8 V16H461.6z M465.6,293.6c0,7.2-1.6,12.8-3.2,16h-136v-136h136c1.6,3.2,3.2,8,3.2,16V293.6z M16,293.6V188c0-7.2,1.6-12.8,3.2-16 h136v136h-136C17.6,305.6,16,300.8,16,293.6z M311.2,308.8H170.4v-136h140.8L311.2,308.8L311.2,308.8z M188,16h104.8 c8.8,0,15.2,2.4,17.6,4v134.4h-140V20C172.8,18.4,179.2,16,188,16z M16,33.6c0-8.8,2.4-15.2,4-17.6h135.2v0.8v137.6h-136 c-1.6-3.2-3.2-8-3.2-16C16,138.4,16,33.6,16,33.6z M16,448V342.4c0-7.2,1.6-12.8,3.2-16h136v138.4v0.8H20 C18.4,463.2,16,456.8,16,448z M188,465.6c-8.8,0-15.2-2.4-17.6-4V327.2h140.8v134.4c-2.4,1.6-8.8,4-17.6,4H188z M465.6,448 c0,8.8-2.4,15.2-4,17.6H327.2v-0.8V327.2h136c1.6,3.2,3.2,8,3.2,16V448H465.6z"/> </g> <path style="fill:#FFFFFF;" d="M393.6,473.6c-7.2,0-13.6-4-13.6-8.8v-448c0-4.8,6.4-8.8,13.6-8.8h67.2c7.2,0,13.6,4,13.6,8.8v448 c0,4.8-6.4,8.8-13.6,8.8H393.6z"/> <path style="fill:#B1BCBC;" d="M460,16c3.2,0,4.8,0.8,5.6,1.6V464c-0.8,0.8-2.4,1.6-5.6,1.6h-67.2c-3.2,0-4.8-0.8-5.6-1.6V17.6 c0.8-0.8,2.4-1.6,5.6-1.6L460,16 M460,0h-67.2c-12,0-21.6,7.2-21.6,16.8v448c0,9.6,9.6,16.8,21.6,16.8H460c12,0,21.6-7.2,21.6-16.8 v-448C481.6,8,472,0,460,0L460,0z"/> <g> <path style="fill:#606868;" d="M436.8,74.4c0,2.4-1.6,4-4,4H420c-2.4,0-4-1.6-4-4V61.6c0-1.6,1.6-4,4-4h12.8c2.4,0,4,1.6,4,4V74.4z "/> <path style="fill:#606868;" d="M436.8,420c0,2.4-1.6,4-4,4H420c-2.4,0-4-1.6-4-4v-12.8c0-1.6,1.6-4,4-4h12.8c2.4,0,4,1.6,4,4V420z" /> <path style="fill:#606868;" d="M426.4,236.8c-4.8,0-8-3.2-8-8V122.4c0-4.8,3.2-8,8-8s8,3.2,8,8v106.4 C434.4,233.6,431.2,236.8,426.4,236.8z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.56 KB
2.65 KB
-26%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/161356/scrolling --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 481.6 481.6" style="enable-background:new 0 0 481.6 481.6;" xml:space="preserve"> <rect x="12" y="12" style="fill:#FFFFFF;" width="457.6" height="457.6"/> <polyline style="fill:#E8EFEE;" points="12,12 469.6,12 469.6,469.6 "/> <path style="fill:#B1BCBC;" d="M469.6,481.6H12c-6.4,0-12-5.6-12-12V12C0,5.6,5.6,0,12,0h457.6c6.4,0,12,5.6,12,12v457.6 C481.6,476,476,481.6,469.6,481.6z M24,457.6h433.6V24H24V457.6z"/> <g> <path style="fill:#FFFFFF;" d="M16.8,164.8c-2.4,0-8.8-8.8-8.8-25.6V33.6C8,16.8,14.4,8,16.8,8h448c2.4,0,8.8,8.8,8.8,25.6v104.8 c0,16.8-6.4,25.6-8.8,25.6h-448V164.8z"/> <path style="fill:#FFFFFF;" d="M16.8,319.2c-2.4,0-8.8-8.8-8.8-25.6V188c0-16.8,6.4-25.6,8.8-25.6h448c2.4,0,8.8,8.8,8.8,25.6 v104.8c0,16.8-6.4,25.6-8.8,25.6h-448V319.2z"/> </g> <rect x="8.8" y="162.4" style="fill:#D9E2E2;" width="150.4" height="153.6"/> <path style="fill:#B1BCBC;" d="M167.2,324.8H0.8V154.4h166.4V324.8z M16.8,308.8h134.4V170.4H16.8V308.8z"/> <path style="fill:#FFFFFF;" d="M16.8,473.6c-2.4,0-8.8-8.8-8.8-25.6V342.4c0-16.8,6.4-25.6,8.8-25.6h448c2.4,0,8.8,8.8,8.8,25.6 v104.8c0,16.8-6.4,25.6-8.8,25.6h-448V473.6z"/> <g> <rect x="320.8" y="10.4" style="fill:#B1BCBC;" width="150.4" height="462.4"/> <path style="fill:#B1BCBC;" d="M481.6,33.6c0-18.4-7.2-33.6-16.8-33.6H293.6H188H16.8C7.2,0,0,15.2,0,33.6v104.8 c0,9.6,2.4,18.4,5.6,24.8C2.4,169.6,0,178.4,0,188v104.8c0,9.6,2.4,18.4,5.6,24.8C2.4,324,0,332.8,0,342.4v104.8 c0,18.4,7.2,33.6,16.8,33.6H188h104.8h172c9.6,0,16.8-15.2,16.8-33.6V342.4c0-9.6-2.4-18.4-5.6-24.8c3.2-6.4,5.6-15.2,5.6-24.8V188 c0-9.6-2.4-18.4-5.6-24.8c3.2-6.4,5.6-15.2,5.6-24.8V33.6z M461.6,16c1.6,2.4,4,8.8,4,17.6v104.8c0,7.2-1.6,12.8-3.2,16h-136V16.8 V16H461.6z M465.6,293.6c0,7.2-1.6,12.8-3.2,16h-136v-136h136c1.6,3.2,3.2,8,3.2,16V293.6z M16,293.6V188c0-7.2,1.6-12.8,3.2-16 h136v136h-136C17.6,305.6,16,300.8,16,293.6z M311.2,308.8H170.4v-136h140.8L311.2,308.8L311.2,308.8z M188,16h104.8 c8.8,0,15.2,2.4,17.6,4v134.4h-140V20C172.8,18.4,179.2,16,188,16z M16,33.6c0-8.8,2.4-15.2,4-17.6h135.2v0.8v137.6h-136 c-1.6-3.2-3.2-8-3.2-16C16,138.4,16,33.6,16,33.6z M16,448V342.4c0-7.2,1.6-12.8,3.2-16h136v138.4v0.8H20 C18.4,463.2,16,456.8,16,448z M188,465.6c-8.8,0-15.2-2.4-17.6-4V327.2h140.8v134.4c-2.4,1.6-8.8,4-17.6,4H188z M465.6,448 c0,8.8-2.4,15.2-4,17.6H327.2v-0.8V327.2h136c1.6,3.2,3.2,8,3.2,16V448H465.6z"/> </g> <path style="fill:#FFFFFF;" d="M393.6,473.6c-7.2,0-13.6-4-13.6-8.8v-448c0-4.8,6.4-8.8,13.6-8.8h67.2c7.2,0,13.6,4,13.6,8.8v448 c0,4.8-6.4,8.8-13.6,8.8H393.6z"/> <path style="fill:#B1BCBC;" d="M460,16c3.2,0,4.8,0.8,5.6,1.6V464c-0.8,0.8-2.4,1.6-5.6,1.6h-67.2c-3.2,0-4.8-0.8-5.6-1.6V17.6 c0.8-0.8,2.4-1.6,5.6-1.6L460,16 M460,0h-67.2c-12,0-21.6,7.2-21.6,16.8v448c0,9.6,9.6,16.8,21.6,16.8H460c12,0,21.6-7.2,21.6-16.8 v-448C481.6,8,472,0,460,0L460,0z"/> <g> <path style="fill:#606868;" d="M436.8,74.4c0,2.4-1.6,4-4,4H420c-2.4,0-4-1.6-4-4V61.6c0-1.6,1.6-4,4-4h12.8c2.4,0,4,1.6,4,4V74.4z "/> <path style="fill:#606868;" d="M436.8,420c0,2.4-1.6,4-4,4H420c-2.4,0-4-1.6-4-4v-12.8c0-1.6,1.6-4,4-4h12.8c2.4,0,4,1.6,4,4V420z" /> <path style="fill:#606868;" d="M426.4,236.8c-4.8,0-8-3.2-8-8V122.4c0-4.8,3.2-8,8-8s8,3.2,8,8v106.4 C434.4,233.6,431.2,236.8,426.4,236.8z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download