SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Display Ui
Settings And Display Set 4
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.41 KB
1.85 KB
-23%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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/195783/display-ui --> <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 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"> <path style="fill:#B3404A;" d="M472.862,512.001H39.14C17.558,512.001,0,494.443,0,472.862V345.894 c0-8.716,7.065-15.781,15.781-15.781s15.781,7.065,15.781,15.781v126.969c0,4.177,3.399,7.578,7.578,7.578h433.722 c4.177,0,7.578-3.399,7.578-7.578V39.141c0-4.177-3.399-7.578-7.578-7.578H39.14c-4.179,0-7.578,3.399-7.578,7.578v214.043 c0,8.716-7.065,15.781-15.781,15.781S0,261.9,0,253.184V39.141c0-21.582,17.558-39.14,39.14-39.14h433.722 c21.582,0,39.14,17.558,39.14,39.14v433.722C512,494.443,494.442,512.001,472.862,512.001z"/> <path style="fill:#F4B2B0;" d="M428.658,187.441V92.853c0-5.252-4.258-9.508-9.508-9.508H92.852c-5.252,0-9.508,4.258-9.508,9.508 v94.588H428.658z"/> <g> <path style="fill:#B3404A;" d="M428.658,203.22H83.344c-8.716,0-15.781-7.065-15.781-15.781V92.853 c0-13.944,11.345-25.289,25.289-25.289H419.15c13.944,0,25.289,11.345,25.289,25.289v94.588 C444.439,196.155,437.374,203.22,428.658,203.22z M99.125,171.658h313.752V99.126H99.125V171.658z"/> <path style="fill:#B3404A;" d="M204.456,444.439H92.852c-13.944,0-25.289-11.345-25.289-25.289V280.774 c0-8.716,7.065-15.781,15.781-15.781s15.781,7.065,15.781,15.781v132.104h89.552V203.22H83.344 c-8.716,0-15.781-7.065-15.781-15.781s7.065-15.781,15.781-15.781h121.114c8.716,0,15.781,7.065,15.781,15.781v241.22 C220.237,437.374,213.172,444.439,204.456,444.439z"/> </g> <path style="fill:#F4B2B0;" d="M204.456,187.441v241.218H419.15c5.252,0,9.508-4.258,9.508-9.508v-231.71H204.456z"/> <g> <path style="fill:#B3404A;" d="M419.148,444.439H204.456c-8.716,0-15.781-7.065-15.781-15.781v-241.22 c0-8.716,7.065-15.781,15.781-15.781h224.201c8.716,0,15.781,7.065,15.781,15.781v231.71 C444.439,433.095,433.094,444.439,419.148,444.439z M220.237,412.878h192.64V203.22h-192.64V412.878z"/> <path style="fill:#B3404A;" d="M354.479,323.83H204.456c-8.716,0-15.781-7.065-15.781-15.781c0-8.716,7.065-15.781,15.781-15.781 h150.023c8.716,0,15.781,7.065,15.781,15.781C370.26,316.765,363.195,323.83,354.479,323.83z"/> </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
2.41 KB
1.85 KB
-23%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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/195783/display-ui --> <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 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"> <path style="fill:#B3404A;" d="M472.862,512.001H39.14C17.558,512.001,0,494.443,0,472.862V345.894 c0-8.716,7.065-15.781,15.781-15.781s15.781,7.065,15.781,15.781v126.969c0,4.177,3.399,7.578,7.578,7.578h433.722 c4.177,0,7.578-3.399,7.578-7.578V39.141c0-4.177-3.399-7.578-7.578-7.578H39.14c-4.179,0-7.578,3.399-7.578,7.578v214.043 c0,8.716-7.065,15.781-15.781,15.781S0,261.9,0,253.184V39.141c0-21.582,17.558-39.14,39.14-39.14h433.722 c21.582,0,39.14,17.558,39.14,39.14v433.722C512,494.443,494.442,512.001,472.862,512.001z"/> <path style="fill:#F4B2B0;" d="M428.658,187.441V92.853c0-5.252-4.258-9.508-9.508-9.508H92.852c-5.252,0-9.508,4.258-9.508,9.508 v94.588H428.658z"/> <g> <path style="fill:#B3404A;" d="M428.658,203.22H83.344c-8.716,0-15.781-7.065-15.781-15.781V92.853 c0-13.944,11.345-25.289,25.289-25.289H419.15c13.944,0,25.289,11.345,25.289,25.289v94.588 C444.439,196.155,437.374,203.22,428.658,203.22z M99.125,171.658h313.752V99.126H99.125V171.658z"/> <path style="fill:#B3404A;" d="M204.456,444.439H92.852c-13.944,0-25.289-11.345-25.289-25.289V280.774 c0-8.716,7.065-15.781,15.781-15.781s15.781,7.065,15.781,15.781v132.104h89.552V203.22H83.344 c-8.716,0-15.781-7.065-15.781-15.781s7.065-15.781,15.781-15.781h121.114c8.716,0,15.781,7.065,15.781,15.781v241.22 C220.237,437.374,213.172,444.439,204.456,444.439z"/> </g> <path style="fill:#F4B2B0;" d="M204.456,187.441v241.218H419.15c5.252,0,9.508-4.258,9.508-9.508v-231.71H204.456z"/> <g> <path style="fill:#B3404A;" d="M419.148,444.439H204.456c-8.716,0-15.781-7.065-15.781-15.781v-241.22 c0-8.716,7.065-15.781,15.781-15.781h224.201c8.716,0,15.781,7.065,15.781,15.781v231.71 C444.439,433.095,433.094,444.439,419.148,444.439z M220.237,412.878h192.64V203.22h-192.64V412.878z"/> <path style="fill:#B3404A;" d="M354.479,323.83H204.456c-8.716,0-15.781-7.065-15.781-15.781c0-8.716,7.065-15.781,15.781-15.781 h150.023c8.716,0,15.781,7.065,15.781,15.781C370.26,316.765,363.195,323.83,354.479,323.83z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download