SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Camera Lens
Devices Duotone Vector
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
6.11 KB
3.84 KB
-37%
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="utf-8"?> <!-- License: CC Attribution. Made by Oberyn: https://dribbble.com/Oberyn/collections --> <svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-Artboard_7"> <rect width="64" height="64"/> </clipPath> </defs> <g id="Artboard_7" data-name="Artboard 7" clip-path="url(#clip-Artboard_7)"> <g id="Layer_9" data-name="Layer 9" transform="translate(-84 -84)"> <g id="Group_1125" data-name="Group 1125"> <path id="Path_794" data-name="Path 794" d="M105.555,128.535l.8,2.408L108.465,132H124l1.432-1.077.937-2.194,1.26-.684-.151-10.68.682-1.136.757-3.408-.454-7.8-1.439-.53L104,104.868l-.563.811.042,10.4L105,117.593V128" fill="#51dacf"/> <line id="Line_7" data-name="Line 7" y1="12" transform="translate(105.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_8" data-name="Line 8" y1="12" transform="translate(108.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_9" data-name="Line 9" y1="12" transform="translate(111.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_10" data-name="Line 10" y1="12" transform="translate(114.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_11" data-name="Line 11" y1="12" transform="translate(117.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_12" data-name="Line 12" y1="13" transform="translate(120.5 104)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_13" data-name="Line 13" y1="12" transform="translate(123.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_14" data-name="Line 14" y1="12" transform="translate(126.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_795" data-name="Path 795" d="M104,107h25l-.766-2.284-1.666-.3L104,104.868" fill="#76f4e8"/> <path id="Path_796" data-name="Path 796" d="M104,119h24l-.523-1.635-22.723-.227" fill="#47aed6"/> <line id="Line_15" data-name="Line 15" y2="3" transform="translate(108.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_16" data-name="Line 16" y2="3" transform="translate(110.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_17" data-name="Line 17" y2="5" transform="translate(112.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_18" data-name="Line 18" y2="5" transform="translate(114.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_19" data-name="Line 19" y2="3" transform="translate(116.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_20" data-name="Line 20" y2="5" transform="translate(118.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_21" data-name="Line 21" y2="5" transform="translate(120.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_22" data-name="Line 22" y2="4" transform="translate(122.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_23" data-name="Line 23" y2="4" transform="translate(124.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_797" data-name="Path 797" d="M124.5,129" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_24" data-name="Line 24" y1="2" transform="translate(106.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_798" data-name="Path 798" d="M106,130h20l.54-1.5-20.649.3" fill="#47aed6"/> <line id="Line_25" data-name="Line 25" y1="12" transform="translate(105.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_26" data-name="Line 26" y1="12" transform="translate(108.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_27" data-name="Line 27" y1="12" transform="translate(111.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_28" data-name="Line 28" y1="12" transform="translate(114.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_29" data-name="Line 29" y1="12" transform="translate(117.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_30" data-name="Line 30" y1="13" transform="translate(120.5 115)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_31" data-name="Line 31" y1="12" transform="translate(123.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_32" data-name="Line 32" y1="12" transform="translate(126.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <rect id="Rectangle_177" data-name="Rectangle 177" width="25.132" height="12.282" rx="1.08" transform="translate(103.434 104.598)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_799" data-name="Path 799" d="M104.5,117v10.54a.96.96,0,0,0,.96.96h21.08a.96.96,0,0,0,.96-.96V117" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_800" data-name="Path 800" d="M105.542,128.815h0a3.644,3.644,0,0,0,3.644,3.685h13.541a3.645,3.645,0,0,0,3.642-3.771l-.007-.18" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_801" data-name="Path 801" d="M104.4,104.33l1.131-1.077a4.562,4.562,0,0,1,3.13-1.26l14.773-.052a4.558,4.558,0,0,1,3.241,1.335l.874.875" fill="#1a2f4b"/> </g> </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
6.11 KB
3.84 KB
-37%
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="utf-8"?> <!-- License: CC Attribution. Made by Oberyn: https://dribbble.com/Oberyn/collections --> <svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-Artboard_7"> <rect width="64" height="64"/> </clipPath> </defs> <g id="Artboard_7" data-name="Artboard 7" clip-path="url(#clip-Artboard_7)"> <g id="Layer_9" data-name="Layer 9" transform="translate(-84 -84)"> <g id="Group_1125" data-name="Group 1125"> <path id="Path_794" data-name="Path 794" d="M105.555,128.535l.8,2.408L108.465,132H124l1.432-1.077.937-2.194,1.26-.684-.151-10.68.682-1.136.757-3.408-.454-7.8-1.439-.53L104,104.868l-.563.811.042,10.4L105,117.593V128" fill="#51dacf"/> <line id="Line_7" data-name="Line 7" y1="12" transform="translate(105.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_8" data-name="Line 8" y1="12" transform="translate(108.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_9" data-name="Line 9" y1="12" transform="translate(111.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_10" data-name="Line 10" y1="12" transform="translate(114.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_11" data-name="Line 11" y1="12" transform="translate(117.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_12" data-name="Line 12" y1="13" transform="translate(120.5 104)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_13" data-name="Line 13" y1="12" transform="translate(123.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_14" data-name="Line 14" y1="12" transform="translate(126.5 105)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_795" data-name="Path 795" d="M104,107h25l-.766-2.284-1.666-.3L104,104.868" fill="#76f4e8"/> <path id="Path_796" data-name="Path 796" d="M104,119h24l-.523-1.635-22.723-.227" fill="#47aed6"/> <line id="Line_15" data-name="Line 15" y2="3" transform="translate(108.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_16" data-name="Line 16" y2="3" transform="translate(110.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_17" data-name="Line 17" y2="5" transform="translate(112.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_18" data-name="Line 18" y2="5" transform="translate(114.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_19" data-name="Line 19" y2="3" transform="translate(116.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_20" data-name="Line 20" y2="5" transform="translate(118.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_21" data-name="Line 21" y2="5" transform="translate(120.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_22" data-name="Line 22" y2="4" transform="translate(122.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_23" data-name="Line 23" y2="4" transform="translate(124.5 128)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_797" data-name="Path 797" d="M124.5,129" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_24" data-name="Line 24" y1="2" transform="translate(106.5 129)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_798" data-name="Path 798" d="M106,130h20l.54-1.5-20.649.3" fill="#47aed6"/> <line id="Line_25" data-name="Line 25" y1="12" transform="translate(105.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_26" data-name="Line 26" y1="12" transform="translate(108.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_27" data-name="Line 27" y1="12" transform="translate(111.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_28" data-name="Line 28" y1="12" transform="translate(114.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_29" data-name="Line 29" y1="12" transform="translate(117.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_30" data-name="Line 30" y1="13" transform="translate(120.5 115)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_31" data-name="Line 31" y1="12" transform="translate(123.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_32" data-name="Line 32" y1="12" transform="translate(126.5 116)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <rect id="Rectangle_177" data-name="Rectangle 177" width="25.132" height="12.282" rx="1.08" transform="translate(103.434 104.598)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_799" data-name="Path 799" d="M104.5,117v10.54a.96.96,0,0,0,.96.96h21.08a.96.96,0,0,0,.96-.96V117" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_800" data-name="Path 800" d="M105.542,128.815h0a3.644,3.644,0,0,0,3.644,3.685h13.541a3.645,3.645,0,0,0,3.642-3.771l-.007-.18" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_801" data-name="Path 801" d="M104.4,104.33l1.131-1.077a4.562,4.562,0,0,1,3.13-1.26l14.773-.052a4.558,4.558,0,0,1,3.241,1.335l.874.875" fill="#1a2f4b"/> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download