SVG
Viewer
Dark mode
Light mode
Hide sidebar
Chart
Colored Action Vectors
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
1.5 KB
611 bytes
-60%
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: CC Attribution. Made by Shannon E. Thomas: https://dribbble.com/shannonethomas --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .avocado_een{fill:#231F20;} .avocado_zes{fill:#FFFAEE;} .avocado_negentien{fill:#E0A838;} .avocado_twintig{fill:#EAD13F;} .avocado_achttien{fill:#D1712A;} .avocado_zeventien{fill:#CC4121;} .avocado_tien{fill:#C3CC6A;} .st0{fill:#3D3935;} .st1{fill:#716558;} .st2{fill:#DBD2C1;} .st3{fill:#A3AEB5;} .st4{fill:#788287;} .st5{fill:#8D3E93;} .st6{fill:#248EBC;} .st7{fill:#6F9B45;} .st8{fill:#AF9480;} </style> <g> <rect x="0.5" y="4.5" class="avocado_zes" width="31" height="23"/> <rect x="4.5" y="14.5" class="avocado_zeventien" width="3" height="9"/> <g> <rect x="9.5" y="10.5" class="avocado_achttien" width="3" height="13"/> </g> <g> <rect x="14.5" y="12.5" class="avocado_negentien" width="3" height="11"/> </g> <g> <rect x="19.5" y="8.5" class="avocado_twintig" width="3" height="15"/> </g> <rect x="24.5" y="16.5" class="avocado_tien" width="3" height="7"/> <path class="avocado_een" d="M0,4v24h32V4H0z M31,27H1V5h30V27z M29,24v-1h-1v-7h-4v7h-1V8h-4v15h-1V12h-4v11h-1V10H9v13H8 v-9H4v9H3v1H29z M25,17h2v6h-2V17z M20,9h2v14h-2V9z M15,13h2v10h-2V13z M10,11h2v12h-2V11z M5,15h2v8H5V15z"/> </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
-1px x -1px
Change dimensions
Optimize
1.5 KB
611 bytes
-60%
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: CC Attribution. Made by Shannon E. Thomas: https://dribbble.com/shannonethomas --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .avocado_een{fill:#231F20;} .avocado_zes{fill:#FFFAEE;} .avocado_negentien{fill:#E0A838;} .avocado_twintig{fill:#EAD13F;} .avocado_achttien{fill:#D1712A;} .avocado_zeventien{fill:#CC4121;} .avocado_tien{fill:#C3CC6A;} .st0{fill:#3D3935;} .st1{fill:#716558;} .st2{fill:#DBD2C1;} .st3{fill:#A3AEB5;} .st4{fill:#788287;} .st5{fill:#8D3E93;} .st6{fill:#248EBC;} .st7{fill:#6F9B45;} .st8{fill:#AF9480;} </style> <g> <rect x="0.5" y="4.5" class="avocado_zes" width="31" height="23"/> <rect x="4.5" y="14.5" class="avocado_zeventien" width="3" height="9"/> <g> <rect x="9.5" y="10.5" class="avocado_achttien" width="3" height="13"/> </g> <g> <rect x="14.5" y="12.5" class="avocado_negentien" width="3" height="11"/> </g> <g> <rect x="19.5" y="8.5" class="avocado_twintig" width="3" height="15"/> </g> <rect x="24.5" y="16.5" class="avocado_tien" width="3" height="7"/> <path class="avocado_een" d="M0,4v24h32V4H0z M31,27H1V5h30V27z M29,24v-1h-1v-7h-4v7h-1V8h-4v15h-1V12h-4v11h-1V10H9v13H8 v-9H4v9H3v1H29z M25,17h2v6h-2V17z M20,9h2v14h-2V9z M15,13h2v10h-2V13z M10,11h2v12h-2V11z M5,15h2v8H5V15z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download