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 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
5.17 KB
3.87 KB
-25%
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/195863/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 id="SVGCleanerId_0" style="fill:#507C5C;" d="M472.863,512.001H39.138C17.558,512.001,0,494.443,0,472.864V345.895 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781v126.969c0,4.177,3.398,7.576,7.576,7.576h433.725 c4.177,0,7.576-3.398,7.576-7.576V39.139c0-4.177-3.398-7.576-7.576-7.576H39.138c-4.179,0-7.576,3.398-7.576,7.576v214.045 c0,8.714-7.067,15.781-15.781,15.781S0,261.899,0,253.185V39.139C0,17.559,17.558,0.001,39.138,0.001h433.725 c21.58,0,39.138,17.558,39.138,39.138v433.725C512,494.443,494.442,512.001,472.863,512.001z"/> <g> <path id="SVGCleanerId_0_1_" style="fill:#507C5C;" d="M472.863,512.001H39.138C17.558,512.001,0,494.443,0,472.864V345.895 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781v126.969c0,4.177,3.398,7.576,7.576,7.576h433.725 c4.177,0,7.576-3.398,7.576-7.576V39.139c0-4.177-3.398-7.576-7.576-7.576H39.138c-4.179,0-7.576,3.398-7.576,7.576v214.045 c0,8.714-7.067,15.781-15.781,15.781S0,261.899,0,253.185V39.139C0,17.559,17.558,0.001,39.138,0.001h433.725 c21.58,0,39.138,17.558,39.138,39.138v433.725C512,494.443,494.442,512.001,472.863,512.001z"/> </g> <path style="fill:#CFF09E;" d="M89.15,427.912c1.138,0.481,2.388,0.746,3.701,0.746h94.588h10.171V196.561H83.343V92.851 c0-5.252,4.256-9.508,9.508-9.508h326.299c5.252,0,9.508,4.258,9.508,9.508v111.605l0,0V419.15c0,5.252-4.256,9.508-9.508,9.508 H187.439H92.851C91.538,428.658,90.288,428.393,89.15,427.912z"/> <path style="fill:#507C5C;" d="M419.149,444.441H92.852c-3.406,0-6.718-0.671-9.846-1.993c-6.02-2.545-9.639-8.389-9.641-14.541 c0-2.05,0.402-4.133,1.25-6.14c3.205-7.584,11.643-11.359,19.338-8.889h87.876V212.343H83.344c-8.714,0-15.781-7.067-15.781-15.781 V92.851c0-13.944,11.345-25.289,25.289-25.289h326.299c13.944,0,25.289,11.345,25.289,25.289v326.3 C444.44,433.094,433.093,444.441,419.149,444.441z M213.391,412.879h199.487V99.124H99.125v81.657h98.484 c8.714,0,15.781,7.067,15.781,15.781V412.879z"/> <path style="fill:#FFFFFF;" d="M84.966,424.467c0.342,0.507,0.731,0.977,1.161,1.408C85.697,425.444,85.307,424.973,84.966,424.467z "/> <path style="fill:#507C5C;" d="M86.128,441.655c-4.048,0-8.096-1.547-11.179-4.641c-1.139-1.144-2.17-2.396-3.063-3.72 c-1.829-2.71-2.703-5.782-2.702-8.823c0.003-5.066,2.44-10.038,6.955-13.086c7.057-4.764,16.58-3.058,21.562,3.761 c2.807,3.024,4.21,6.879,4.209,10.734c-0.002,4.046-1.548,8.092-4.641,11.175C94.189,440.123,90.157,441.655,86.128,441.655z"/> <path style="fill:#FFFFFF;" d="M83.343,419.15L83.343,419.15c0,1.969,0.598,3.799,1.624,5.317 C83.941,422.95,83.343,421.12,83.343,419.15z"/> <g> <path style="fill:#507C5C;" d="M84.981,440.249c-5.066,0-10.038-2.433-13.089-6.945c-2.833-4.19-4.329-9.085-4.329-14.152 c0-8.714,7.067-15.781,15.781-15.781c8.08,0,14.743,6.073,15.671,13.903c1.169,2.276,1.736,4.737,1.736,7.177 c0.002,5.066-2.433,10.041-6.945,13.092C91.094,439.372,88.02,440.249,84.981,440.249z"/> <path style="fill:#507C5C;" d="M197.61,444.441H92.852c-3.406,0-6.72-0.671-9.846-1.993c-3.014-1.275-5.719-3.096-8.037-5.414 c-1.158-1.163-2.19-2.414-3.084-3.74c-2.826-4.18-4.322-9.076-4.322-14.143v-25.42c0-8.714,7.067-15.781,15.781-15.781 s15.781,7.067,15.781,15.781v19.149h82.703V212.343H99.125v96.692c0,8.714-7.067,15.781-15.781,15.781s-15.781-7.067-15.781-15.781 V196.562c0-8.714,7.067-15.781,15.781-15.781H197.61c8.714,0,15.781,7.067,15.781,15.781V428.66 C213.391,437.374,206.324,444.441,197.61,444.441z"/> <path style="fill:#507C5C;" d="M365.529,212.343H83.343c-8.714,0-15.781-7.067-15.781-15.781s7.067-15.781,15.781-15.781h282.186 c8.714,0,15.781,7.067,15.781,15.781S374.243,212.343,365.529,212.343z"/> </g> <path id="SVGCleanerId_1" style="fill:#507C5C;" d="M197.61,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.561 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C213.391,436.325,206.324,443.391,197.61,443.391z"/> <path id="SVGCleanerId_2" style="fill:#507C5C;" d="M314.392,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.562 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C330.173,436.325,323.106,443.391,314.392,443.391z"/> <path style="fill:#507C5C;" d="M365.529,212.343H84.922c-8.714,0-15.781-7.067-15.781-15.781s7.067-15.781,15.781-15.781h280.607 c8.714,0,15.781,7.067,15.781,15.781S374.243,212.343,365.529,212.343z"/> <g> <path id="SVGCleanerId_1_1_" style="fill:#507C5C;" d="M197.61,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.561 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C213.391,436.325,206.324,443.391,197.61,443.391z"/> </g> <g> <path id="SVGCleanerId_2_1_" style="fill:#507C5C;" d="M314.392,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.562 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C330.173,436.325,323.106,443.391,314.392,443.391z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
5.17 KB
3.87 KB
-25%
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/195863/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 id="SVGCleanerId_0" style="fill:#507C5C;" d="M472.863,512.001H39.138C17.558,512.001,0,494.443,0,472.864V345.895 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781v126.969c0,4.177,3.398,7.576,7.576,7.576h433.725 c4.177,0,7.576-3.398,7.576-7.576V39.139c0-4.177-3.398-7.576-7.576-7.576H39.138c-4.179,0-7.576,3.398-7.576,7.576v214.045 c0,8.714-7.067,15.781-15.781,15.781S0,261.899,0,253.185V39.139C0,17.559,17.558,0.001,39.138,0.001h433.725 c21.58,0,39.138,17.558,39.138,39.138v433.725C512,494.443,494.442,512.001,472.863,512.001z"/> <g> <path id="SVGCleanerId_0_1_" style="fill:#507C5C;" d="M472.863,512.001H39.138C17.558,512.001,0,494.443,0,472.864V345.895 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781v126.969c0,4.177,3.398,7.576,7.576,7.576h433.725 c4.177,0,7.576-3.398,7.576-7.576V39.139c0-4.177-3.398-7.576-7.576-7.576H39.138c-4.179,0-7.576,3.398-7.576,7.576v214.045 c0,8.714-7.067,15.781-15.781,15.781S0,261.899,0,253.185V39.139C0,17.559,17.558,0.001,39.138,0.001h433.725 c21.58,0,39.138,17.558,39.138,39.138v433.725C512,494.443,494.442,512.001,472.863,512.001z"/> </g> <path style="fill:#CFF09E;" d="M89.15,427.912c1.138,0.481,2.388,0.746,3.701,0.746h94.588h10.171V196.561H83.343V92.851 c0-5.252,4.256-9.508,9.508-9.508h326.299c5.252,0,9.508,4.258,9.508,9.508v111.605l0,0V419.15c0,5.252-4.256,9.508-9.508,9.508 H187.439H92.851C91.538,428.658,90.288,428.393,89.15,427.912z"/> <path style="fill:#507C5C;" d="M419.149,444.441H92.852c-3.406,0-6.718-0.671-9.846-1.993c-6.02-2.545-9.639-8.389-9.641-14.541 c0-2.05,0.402-4.133,1.25-6.14c3.205-7.584,11.643-11.359,19.338-8.889h87.876V212.343H83.344c-8.714,0-15.781-7.067-15.781-15.781 V92.851c0-13.944,11.345-25.289,25.289-25.289h326.299c13.944,0,25.289,11.345,25.289,25.289v326.3 C444.44,433.094,433.093,444.441,419.149,444.441z M213.391,412.879h199.487V99.124H99.125v81.657h98.484 c8.714,0,15.781,7.067,15.781,15.781V412.879z"/> <path style="fill:#FFFFFF;" d="M84.966,424.467c0.342,0.507,0.731,0.977,1.161,1.408C85.697,425.444,85.307,424.973,84.966,424.467z "/> <path style="fill:#507C5C;" d="M86.128,441.655c-4.048,0-8.096-1.547-11.179-4.641c-1.139-1.144-2.17-2.396-3.063-3.72 c-1.829-2.71-2.703-5.782-2.702-8.823c0.003-5.066,2.44-10.038,6.955-13.086c7.057-4.764,16.58-3.058,21.562,3.761 c2.807,3.024,4.21,6.879,4.209,10.734c-0.002,4.046-1.548,8.092-4.641,11.175C94.189,440.123,90.157,441.655,86.128,441.655z"/> <path style="fill:#FFFFFF;" d="M83.343,419.15L83.343,419.15c0,1.969,0.598,3.799,1.624,5.317 C83.941,422.95,83.343,421.12,83.343,419.15z"/> <g> <path style="fill:#507C5C;" d="M84.981,440.249c-5.066,0-10.038-2.433-13.089-6.945c-2.833-4.19-4.329-9.085-4.329-14.152 c0-8.714,7.067-15.781,15.781-15.781c8.08,0,14.743,6.073,15.671,13.903c1.169,2.276,1.736,4.737,1.736,7.177 c0.002,5.066-2.433,10.041-6.945,13.092C91.094,439.372,88.02,440.249,84.981,440.249z"/> <path style="fill:#507C5C;" d="M197.61,444.441H92.852c-3.406,0-6.72-0.671-9.846-1.993c-3.014-1.275-5.719-3.096-8.037-5.414 c-1.158-1.163-2.19-2.414-3.084-3.74c-2.826-4.18-4.322-9.076-4.322-14.143v-25.42c0-8.714,7.067-15.781,15.781-15.781 s15.781,7.067,15.781,15.781v19.149h82.703V212.343H99.125v96.692c0,8.714-7.067,15.781-15.781,15.781s-15.781-7.067-15.781-15.781 V196.562c0-8.714,7.067-15.781,15.781-15.781H197.61c8.714,0,15.781,7.067,15.781,15.781V428.66 C213.391,437.374,206.324,444.441,197.61,444.441z"/> <path style="fill:#507C5C;" d="M365.529,212.343H83.343c-8.714,0-15.781-7.067-15.781-15.781s7.067-15.781,15.781-15.781h282.186 c8.714,0,15.781,7.067,15.781,15.781S374.243,212.343,365.529,212.343z"/> </g> <path id="SVGCleanerId_1" style="fill:#507C5C;" d="M197.61,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.561 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C213.391,436.325,206.324,443.391,197.61,443.391z"/> <path id="SVGCleanerId_2" style="fill:#507C5C;" d="M314.392,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.562 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C330.173,436.325,323.106,443.391,314.392,443.391z"/> <path style="fill:#507C5C;" d="M365.529,212.343H84.922c-8.714,0-15.781-7.067-15.781-15.781s7.067-15.781,15.781-15.781h280.607 c8.714,0,15.781,7.067,15.781,15.781S374.243,212.343,365.529,212.343z"/> <g> <path id="SVGCleanerId_1_1_" style="fill:#507C5C;" d="M197.61,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.561 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C213.391,436.325,206.324,443.391,197.61,443.391z"/> </g> <g> <path id="SVGCleanerId_2_1_" style="fill:#507C5C;" d="M314.392,443.391c-8.714,0-15.781-7.067-15.781-15.781V196.562 c0-8.714,7.067-15.781,15.781-15.781s15.781,7.067,15.781,15.781V427.61C330.173,436.325,323.106,443.391,314.392,443.391z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG