SVG
Viewer
Dark mode
Light mode
Hide sidebar
Juice
Nature Flat Color
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
3.23 KB
2.43 KB
-25%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/79503/juice --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 414.865 414.865" style="enable-background:new 0 0 414.865 414.865;" xml:space="preserve" width="512" height="512"> <g> <g> <path style="fill:#67CFE3;" d="M268.973,77.045v-31.7H145.891v31.7c-28.172,0-51.011,22.839-51.011,51.013v235.795 c0,28.174,22.839,51.013,51.011,51.013h123.082c28.174,0,51.013-22.839,51.013-51.013V128.058 C319.985,99.884,297.147,77.045,268.973,77.045z"/> <path style="fill:#FF9500;" d="M94.88,157.439v206.414c0,28.174,22.839,51.013,51.011,51.013h123.082 c28.174,0,51.013-22.839,51.013-51.013V157.439H94.88z"/> <path style="opacity:0.2;fill:#222222;" d="M145.891,45.345v31.7c-28.172,0-51.011,22.839-51.011,51.013v235.795 c0,28.174,22.839,51.013,51.011,51.013h61.541V45.345H145.891z"/> </g> <g> <path style="fill:#7D868C;" d="M284.199,8.329c0-4.581-3.749-8.329-8.329-8.329H138.992c-4.581,0-8.329,3.748-8.329,8.329v28.688 c0,4.579,3.748,8.328,8.329,8.328H275.87c4.58,0,8.329-3.749,8.329-8.328V8.329z"/> <path style="opacity:0.3;fill:#222222;" d="M138.992,0c-4.581,0-8.329,3.748-8.329,8.329v28.688c0,4.579,3.748,8.328,8.329,8.328 h68.439V0H138.992z"/> </g> <rect x="145.891" y="45.345" style="opacity:0.2;fill:#222222;" width="123.082" height="15.263"/> <g> <rect x="136.585" y="137.986" style="opacity:0.2;fill:#222222;" width="141.693" height="203.969"/> <rect x="143.525" y="144.927" style="fill:#FFFFFF;" width="127.812" height="190.088"/> <g> <path style="fill:#218649;" d="M218.604,226.275c-8.306-4.585-9.618-16.146-3.74-26.795c4.582-8.305,19.278-21.161,33.073-26.342 c2.967,14.432-0.082,33.722-4.665,42.024C237.393,225.813,226.908,230.857,218.604,226.275z"/> <path style="opacity:0.3;fill:#222222;" d="M247.936,173.139c2.967,14.432-0.082,33.722-4.665,42.024 c-5.879,10.649-16.363,15.694-24.668,11.112L247.936,173.139z"/> </g> <g> <circle style="fill:#FF9500;" cx="207.431" cy="240.809" r="43.111"/> <circle style="opacity:0.3;fill:#222222;" cx="233.638" cy="230.105" r="4.709"/> <circle style="opacity:0.3;fill:#222222;" cx="181.842" cy="249.77" r="4.709"/> <circle style="opacity:0.3;fill:#222222;" cx="224.4" cy="264.587" r="4.71"/> <circle style="opacity:0.3;fill:#222222;" cx="215.956" cy="215.4" r="4.71"/> </g> <g> <path style="fill:#77BC1F;" d="M204.726,302.611c6.518-6.892,4.253-18.308-4.582-26.662c-6.893-6.52-24.804-14.299-39.516-15.036 c1.558,14.648,10.329,32.099,17.222,38.613C186.688,307.881,198.208,309.505,204.726,302.611z"/> <path style="opacity:0.5;fill:#218649;" d="M160.628,260.913c1.558,14.648,10.329,32.099,17.222,38.613 c8.838,8.354,20.358,9.979,26.876,3.085L160.628,260.913z"/> </g> </g> <g> <circle style="fill:#FFFFFF;" cx="302.75" cy="197.698" r="4.858"/> <circle style="fill:#FFFFFF;" cx="130.664" cy="358.995" r="4.858"/> <circle style="fill:#FFFFFF;" cx="284.199" cy="349.279" r="4.858"/> <circle style="fill:#FFFFFF;" cx="115.121" cy="264.586" r="4.859"/> </g> </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
3.23 KB
2.43 KB
-25%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/79503/juice --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 414.865 414.865" style="enable-background:new 0 0 414.865 414.865;" xml:space="preserve" width="512" height="512"> <g> <g> <path style="fill:#67CFE3;" d="M268.973,77.045v-31.7H145.891v31.7c-28.172,0-51.011,22.839-51.011,51.013v235.795 c0,28.174,22.839,51.013,51.011,51.013h123.082c28.174,0,51.013-22.839,51.013-51.013V128.058 C319.985,99.884,297.147,77.045,268.973,77.045z"/> <path style="fill:#FF9500;" d="M94.88,157.439v206.414c0,28.174,22.839,51.013,51.011,51.013h123.082 c28.174,0,51.013-22.839,51.013-51.013V157.439H94.88z"/> <path style="opacity:0.2;fill:#222222;" d="M145.891,45.345v31.7c-28.172,0-51.011,22.839-51.011,51.013v235.795 c0,28.174,22.839,51.013,51.011,51.013h61.541V45.345H145.891z"/> </g> <g> <path style="fill:#7D868C;" d="M284.199,8.329c0-4.581-3.749-8.329-8.329-8.329H138.992c-4.581,0-8.329,3.748-8.329,8.329v28.688 c0,4.579,3.748,8.328,8.329,8.328H275.87c4.58,0,8.329-3.749,8.329-8.328V8.329z"/> <path style="opacity:0.3;fill:#222222;" d="M138.992,0c-4.581,0-8.329,3.748-8.329,8.329v28.688c0,4.579,3.748,8.328,8.329,8.328 h68.439V0H138.992z"/> </g> <rect x="145.891" y="45.345" style="opacity:0.2;fill:#222222;" width="123.082" height="15.263"/> <g> <rect x="136.585" y="137.986" style="opacity:0.2;fill:#222222;" width="141.693" height="203.969"/> <rect x="143.525" y="144.927" style="fill:#FFFFFF;" width="127.812" height="190.088"/> <g> <path style="fill:#218649;" d="M218.604,226.275c-8.306-4.585-9.618-16.146-3.74-26.795c4.582-8.305,19.278-21.161,33.073-26.342 c2.967,14.432-0.082,33.722-4.665,42.024C237.393,225.813,226.908,230.857,218.604,226.275z"/> <path style="opacity:0.3;fill:#222222;" d="M247.936,173.139c2.967,14.432-0.082,33.722-4.665,42.024 c-5.879,10.649-16.363,15.694-24.668,11.112L247.936,173.139z"/> </g> <g> <circle style="fill:#FF9500;" cx="207.431" cy="240.809" r="43.111"/> <circle style="opacity:0.3;fill:#222222;" cx="233.638" cy="230.105" r="4.709"/> <circle style="opacity:0.3;fill:#222222;" cx="181.842" cy="249.77" r="4.709"/> <circle style="opacity:0.3;fill:#222222;" cx="224.4" cy="264.587" r="4.71"/> <circle style="opacity:0.3;fill:#222222;" cx="215.956" cy="215.4" r="4.71"/> </g> <g> <path style="fill:#77BC1F;" d="M204.726,302.611c6.518-6.892,4.253-18.308-4.582-26.662c-6.893-6.52-24.804-14.299-39.516-15.036 c1.558,14.648,10.329,32.099,17.222,38.613C186.688,307.881,198.208,309.505,204.726,302.611z"/> <path style="opacity:0.5;fill:#218649;" d="M160.628,260.913c1.558,14.648,10.329,32.099,17.222,38.613 c8.838,8.354,20.358,9.979,26.876,3.085L160.628,260.913z"/> </g> </g> <g> <circle style="fill:#FFFFFF;" cx="302.75" cy="197.698" r="4.858"/> <circle style="fill:#FFFFFF;" cx="130.664" cy="358.995" r="4.858"/> <circle style="fill:#FFFFFF;" cx="284.199" cy="349.279" r="4.858"/> <circle style="fill:#FFFFFF;" cx="115.121" cy="264.586" r="4.859"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download