SVG
Viewer
Dark mode
Light mode
Hide sidebar
Ms Excel
Colored Interface And Logo 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
1.51 KB
1.06 KB
-30%
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: MIT. Made by Garuda Technology: https://github.com/garudatechnologydevelopers/sketch-icons --> <svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="8" y="2" width="24" height="28" rx="2" fill="#2FB776"/> <path d="M8 23H32V28C32 29.1046 31.1046 30 30 30H10C8.89543 30 8 29.1046 8 28V23Z" fill="url(#paint0_linear_87_7712)"/> <rect x="20" y="16" width="12" height="7" fill="#229C5B"/> <rect x="20" y="9" width="12" height="7" fill="#27AE68"/> <path d="M8 4C8 2.89543 8.89543 2 10 2H20V9H8V4Z" fill="#1D854F"/> <rect x="8" y="9" width="12" height="7" fill="#197B43"/> <rect x="8" y="16" width="12" height="7" fill="#1B5B38"/> <path d="M8 12C8 10.3431 9.34315 9 11 9H17C18.6569 9 20 10.3431 20 12V24C20 25.6569 18.6569 27 17 27H8V12Z" fill="#000000" fill-opacity="0.3"/> <rect y="7" width="18" height="18" rx="2" fill="url(#paint1_linear_87_7712)"/> <path d="M13 21L10.1821 15.9L12.8763 11H10.677L9.01375 14.1286L7.37801 11H5.10997L7.81787 15.9L5 21H7.19931L8.97251 17.6857L10.732 21H13Z" fill="white"/> <defs> <linearGradient id="paint0_linear_87_7712" x1="8" y1="26.5" x2="32" y2="26.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#163C27"/> <stop offset="1" stop-color="#2A6043"/> </linearGradient> <linearGradient id="paint1_linear_87_7712" x1="0" y1="16" x2="18" y2="16" gradientUnits="userSpaceOnUse"> <stop stop-color="#185A30"/> <stop offset="1" stop-color="#176F3D"/> </linearGradient> </defs> </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.51 KB
1.06 KB
-30%
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: MIT. Made by Garuda Technology: https://github.com/garudatechnologydevelopers/sketch-icons --> <svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="8" y="2" width="24" height="28" rx="2" fill="#2FB776"/> <path d="M8 23H32V28C32 29.1046 31.1046 30 30 30H10C8.89543 30 8 29.1046 8 28V23Z" fill="url(#paint0_linear_87_7712)"/> <rect x="20" y="16" width="12" height="7" fill="#229C5B"/> <rect x="20" y="9" width="12" height="7" fill="#27AE68"/> <path d="M8 4C8 2.89543 8.89543 2 10 2H20V9H8V4Z" fill="#1D854F"/> <rect x="8" y="9" width="12" height="7" fill="#197B43"/> <rect x="8" y="16" width="12" height="7" fill="#1B5B38"/> <path d="M8 12C8 10.3431 9.34315 9 11 9H17C18.6569 9 20 10.3431 20 12V24C20 25.6569 18.6569 27 17 27H8V12Z" fill="#000000" fill-opacity="0.3"/> <rect y="7" width="18" height="18" rx="2" fill="url(#paint1_linear_87_7712)"/> <path d="M13 21L10.1821 15.9L12.8763 11H10.677L9.01375 14.1286L7.37801 11H5.10997L7.81787 15.9L5 21H7.19931L8.97251 17.6857L10.732 21H13Z" fill="white"/> <defs> <linearGradient id="paint0_linear_87_7712" x1="8" y1="26.5" x2="32" y2="26.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#163C27"/> <stop offset="1" stop-color="#2A6043"/> </linearGradient> <linearGradient id="paint1_linear_87_7712" x1="0" y1="16" x2="18" y2="16" gradientUnits="userSpaceOnUse"> <stop stop-color="#185A30"/> <stop offset="1" stop-color="#176F3D"/> </linearGradient> </defs> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download