SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Smart Watch
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
3.03 KB
2.01 KB
-34%
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_5"> <rect width="64" height="64"/> </clipPath> </defs> <g id="Artboard_5" data-name="Artboard 5" clip-path="url(#clip-Artboard_5)"> <g id="Layer_6" data-name="Layer 6" transform="translate(-336)"> <g id="Group_1129" data-name="Group 1129"> <path id="Path_816" data-name="Path 816" d="M362.255,39.217l.131,7.119,1.437,1.176,2.874.392,5.16-.065,1.437-.849.588-2.808-.327-4.964" fill="#51dacf"/> <path id="Path_817" data-name="Path 817" d="M362.451,24.848l.131-6.988.849-1.633,1.763-.13s6.989.457,7.185.457,1.175,1.241,1.175,1.241l.1,7.783-10.944-.142" fill="#51dacf"/> <line id="Line_33" data-name="Line 33" x2="11" transform="translate(362 45.5)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_34" data-name="Line 34" x2="11" transform="translate(362 43.5)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_35" data-name="Line 35" x2="11" transform="translate(362 19.5)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_36" data-name="Line 36" x2="12" transform="translate(362 23.5)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_37" data-name="Line 37" x2="11" transform="translate(362 21.5)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_38" data-name="Line 38" x2="11" transform="translate(362 41.5)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <rect id="Rectangle_179" data-name="Rectangle 179" width="13.947" height="13.387" rx="1.342" transform="translate(361.051 25.578)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_818" data-name="Path 818" d="M362.417,25.369V18.4a2.091,2.091,0,0,1,2.091-2.091h7.033a2.091,2.091,0,0,1,2.091,2.091v6.967" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_819" data-name="Path 819" d="M373.632,38.742V45.71a2.091,2.091,0,0,1-2.091,2.091h-7.033a2.091,2.091,0,0,1-2.091-2.091V38.742" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_820" data-name="Path 820" d="M362,39h12.134l.565-.519a11.464,11.464,0,0,0,.47-1.343c0-.176-.353-10.425-.353-10.425l-.47-1.129-12.575.229-.94.819.109,11.792" fill="#1a2f4b"/> <line id="Line_39" data-name="Line 39" y2="10" transform="translate(370.5 28)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="1" opacity="0.5"/> <line id="Line_40" data-name="Line 40" y2="10" transform="translate(372.5 28)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="1" opacity="0.5"/> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
3.03 KB
2.01 KB
-34%
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_5"> <rect width="64" height="64"/> </clipPath> </defs> <g id="Artboard_5" data-name="Artboard 5" clip-path="url(#clip-Artboard_5)"> <g id="Layer_6" data-name="Layer 6" transform="translate(-336)"> <g id="Group_1129" data-name="Group 1129"> <path id="Path_816" data-name="Path 816" d="M362.255,39.217l.131,7.119,1.437,1.176,2.874.392,5.16-.065,1.437-.849.588-2.808-.327-4.964" fill="#51dacf"/> <path id="Path_817" data-name="Path 817" d="M362.451,24.848l.131-6.988.849-1.633,1.763-.13s6.989.457,7.185.457,1.175,1.241,1.175,1.241l.1,7.783-10.944-.142" fill="#51dacf"/> <line id="Line_33" data-name="Line 33" x2="11" transform="translate(362 45.5)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_34" data-name="Line 34" x2="11" transform="translate(362 43.5)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_35" data-name="Line 35" x2="11" transform="translate(362 19.5)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_36" data-name="Line 36" x2="12" transform="translate(362 23.5)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_37" data-name="Line 37" x2="11" transform="translate(362 21.5)" fill="none" stroke="#76f4e8" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_38" data-name="Line 38" x2="11" transform="translate(362 41.5)" fill="none" stroke="#47aed6" stroke-miterlimit="10" stroke-width="1"/> <rect id="Rectangle_179" data-name="Rectangle 179" width="13.947" height="13.387" rx="1.342" transform="translate(361.051 25.578)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_818" data-name="Path 818" d="M362.417,25.369V18.4a2.091,2.091,0,0,1,2.091-2.091h7.033a2.091,2.091,0,0,1,2.091,2.091v6.967" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_819" data-name="Path 819" d="M373.632,38.742V45.71a2.091,2.091,0,0,1-2.091,2.091h-7.033a2.091,2.091,0,0,1-2.091-2.091V38.742" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_820" data-name="Path 820" d="M362,39h12.134l.565-.519a11.464,11.464,0,0,0,.47-1.343c0-.176-.353-10.425-.353-10.425l-.47-1.129-12.575.229-.94.819.109,11.792" fill="#1a2f4b"/> <line id="Line_39" data-name="Line 39" y2="10" transform="translate(370.5 28)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="1" opacity="0.5"/> <line id="Line_40" data-name="Line 40" y2="10" transform="translate(372.5 28)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="1" opacity="0.5"/> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG