SVG
Viewer
Dark mode
Light mode
Hide sidebar
Film
Flat Color Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
482 bytes
262 bytes
-46%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: PD. Made by icons8: https://icons8.com/c/flat-color-icons --> <svg width="800px" height="800px" viewBox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 48 48"> <path fill="#3F51B5" d="M45,9H3v30h42V9z M22,37v-4h4v4H22z M30,37v-4h4v4H30z M38,37v-4h4v4H38z M14,37v-4h4v4H14z M6,37v-4h4v4H6 z M22,15v-4h4v4H22z M30,15v-4h4v4H30z M38,15v-4h4v4H38z M14,15v-4h4v4H14z M6,15v-4h4v4H6z"/> </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
-1px x -1px
Change dimensions
Optimize
482 bytes
262 bytes
-46%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: PD. Made by icons8: https://icons8.com/c/flat-color-icons --> <svg width="800px" height="800px" viewBox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 48 48"> <path fill="#3F51B5" d="M45,9H3v30h42V9z M22,37v-4h4v4H22z M30,37v-4h4v4H30z M38,37v-4h4v4H38z M14,37v-4h4v4H14z M6,37v-4h4v4H6 z M22,15v-4h4v4H22z M30,15v-4h4v4H30z M38,15v-4h4v4H38z M14,15v-4h4v4H14z M6,15v-4h4v4H6z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download