SVG
Viewer
Dark mode
Light mode
Hide sidebar
Spend
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.48 KB
631 bytes
-58%
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_twee{fill:#3D3935;} .avocado_drie{fill:#716558;} .avocado_vier{fill:#AF9480;} .avocado_negen{fill:#6F9B45;} .st0{fill:#A3AEB5;} .st1{fill:#CC4121;} .st2{fill:#FFFAEE;} .st3{fill:#DBD2C1;} .st4{fill:#EAD13F;} .st5{fill:#8D3E93;} .st6{fill:#BF63C1;} .st7{fill:#C3CC6A;} .st8{fill:#E0A838;} .st9{fill:#788287;} .st10{fill:#231F20;} .st11{fill:none;} .st12{fill:#D1712A;} </style> <g> <rect x="5.5" y="5.5" class="avocado_negen" width="22" height="3"/> <g> <path class="avocado_twee" d="M5,3.5h21.5v2h-21v3H5C3.619,8.5,2.5,7.381,2.5,6v0C2.5,4.619,3.619,3.5,5,3.5z"/> </g> <path class="avocado_drie" d="M28.5,8.5h-1H5C3.619,8.5,2.5,7.381,2.5,6v19c0,1.381,1.119,2.5,2.5,2.5h23.5v-7l-7,0v-5h7V8.5z"/> <rect x="21.5" y="15.5" class="avocado_vier" width="8" height="5"/> <path class="avocado_een" d="M30,15h-1V8h-1V5h-1V3H5C3.343,3,2,4.343,2,6v19c0,1.657,1.343,3,3,3h24v-7h1V15z M6,8V6h21v2H6z M5,4 h21v1H5v3C3.897,8,3,7.103,3,6S3.897,4,5,4z M28,27H5c-1.105,0-2-0.895-2-2V8.221C3.532,8.7,4.228,9,5,9h23v6h-7v6h7V27z M29,20h-7 v-4h7V20z M25,19h-2v-2h2V19z"/> </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.48 KB
631 bytes
-58%
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_twee{fill:#3D3935;} .avocado_drie{fill:#716558;} .avocado_vier{fill:#AF9480;} .avocado_negen{fill:#6F9B45;} .st0{fill:#A3AEB5;} .st1{fill:#CC4121;} .st2{fill:#FFFAEE;} .st3{fill:#DBD2C1;} .st4{fill:#EAD13F;} .st5{fill:#8D3E93;} .st6{fill:#BF63C1;} .st7{fill:#C3CC6A;} .st8{fill:#E0A838;} .st9{fill:#788287;} .st10{fill:#231F20;} .st11{fill:none;} .st12{fill:#D1712A;} </style> <g> <rect x="5.5" y="5.5" class="avocado_negen" width="22" height="3"/> <g> <path class="avocado_twee" d="M5,3.5h21.5v2h-21v3H5C3.619,8.5,2.5,7.381,2.5,6v0C2.5,4.619,3.619,3.5,5,3.5z"/> </g> <path class="avocado_drie" d="M28.5,8.5h-1H5C3.619,8.5,2.5,7.381,2.5,6v19c0,1.381,1.119,2.5,2.5,2.5h23.5v-7l-7,0v-5h7V8.5z"/> <rect x="21.5" y="15.5" class="avocado_vier" width="8" height="5"/> <path class="avocado_een" d="M30,15h-1V8h-1V5h-1V3H5C3.343,3,2,4.343,2,6v19c0,1.657,1.343,3,3,3h24v-7h1V15z M6,8V6h21v2H6z M5,4 h21v1H5v3C3.897,8,3,7.103,3,6S3.897,4,5,4z M28,27H5c-1.105,0-2-0.895-2-2V8.221C3.532,8.7,4.228,9,5,9h23v6h-7v6h7V27z M29,20h-7 v-4h7V20z M25,19h-2v-2h2V19z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download