SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Gamepad Controller
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.04 KB
4.78 KB
-21%
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_10"> <rect width="64" height="64"/> </clipPath> </defs> <g id="Artboard_10" data-name="Artboard 10" clip-path="url(#clip-Artboard_10)"> <g id="Layer_13" data-name="Layer 13" transform="translate(-336 -84)"> <g id="Group_1122" data-name="Group 1122"> <path id="Path_761" data-name="Path 761" d="M351.314,124.632c.171.171,1.813,2.152,1.813,2.152l2.492.326,2.6-1.679,2.562-3.219,1.195-3.044,12.169.084.47,1.628,3.942,5.485,2.614.772,1.886-.686,1.5-1.243,1.157-2.786s.043-5.356-.557-6.385a36.318,36.318,0,0,1-1.671-4.5l-3.214-3.728.3-.9-.429-1.243-1.826-.214-1.312.386V107l-3.333-.134-12.985.086-.9-.172-.085-.942-1.672-.386-2.4.171-.3,1.629-.214,1.114s-3.771,4.114-4.2,7.285-.814,7.671,0,8.786" fill="#51dacf"/> <path id="Path_762" data-name="Path 762" d="M356,107h3l.5-.588-.525-.962-2.743.051" fill="#76f4e8"/> <path id="Path_763" data-name="Path 763" d="M356.53,105.537l.394.875-.525,1.05-.481-.131-.175-1.487" fill="#76f4e8"/> <path id="Path_764" data-name="Path 764" d="M376.829,105.449l3.5.219.35,1.531-.412.61-1.732-.741-1.269-.262-.525-.044" fill="#76f4e8"/> <path id="Path_765" data-name="Path 765" d="M384.748,115.205s-3.5-6.912-7.175-6.387-12.293-1.4-12.293-1.4l8.793-.219,2.319-.35,2.319.263,2.406.7,2.1,2.231" fill="#76f4e8"/> <path id="Path_766" data-name="Path 766" d="M351.28,115.511s3.981-7.524,7.656-7,12.512-1.094,12.512-1.094l-8.793-.219-2.319-.35-2.319.263-2.406.7-2.1,2.231" fill="#76f4e8"/> <path id="Path_767" data-name="Path 767" d="M361.78,114.986l-.569,1.488.005-.014a1.515,1.515,0,0,1,2.838.014h0l-.175-1.269-1.223-.518" fill="#76f4e8"/> <path id="Path_768" data-name="Path 768" d="M372.767,115.074l-.569,1.487.006-.014a1.515,1.515,0,0,1,2.838.014h0l-.175-1.268-1.223-.519" fill="#76f4e8"/> <path id="Path_769" data-name="Path 769" d="M354.211,114.418l.259-.75a2.686,2.686,0,0,1,5.086.028l.189.569.153-1.422-1.618-1.969-2.319-.087-1.662,1.837" fill="#76f4e8"/> <path id="Path_770" data-name="Path 770" d="M376.142,114.53l.259-.749a2.686,2.686,0,0,1,5.086.028l.189.568.153-1.422-1.618-1.968-2.319-.088-1.663,1.838" fill="#76f4e8"/> <path id="Path_771" data-name="Path 771" d="M372.35,116h0a1.339,1.339,0,0,0,2.547-.009l.041-.128-.393,1.2-1.151.379-1.362-.924" fill="#47aed6"/> <path id="Path_772" data-name="Path 772" d="M354.1,113.963h0a3.1,3.1,0,0,0,5.434.244l.324-.532-.351,1.952-1.7.9-1.535.064-1.216-.48" fill="#47aed6"/> <path id="Path_773" data-name="Path 773" d="M376.017,113.9h0a3.1,3.1,0,0,0,5.433.244l.325-.532-.352,1.952-1.7.9-1.536.064-1.215-.48" fill="#47aed6"/> <path id="Path_774" data-name="Path 774" d="M361.355,116.057h0a1.339,1.339,0,0,0,2.547-.008l.042-.128-.394,1.2-1.151.378-1.362-.923" fill="#47aed6"/> <path id="Path_775" data-name="Path 775" d="M361.615,112.617a1.313,1.313,0,0,0,.8,1.122c.735.224,11.324,0,11.324,0a.835.835,0,0,0,.643-1.122" fill="#47aed6"/> <path id="Path_776" data-name="Path 776" d="M374.162,118.918h0l.451-.329h0a1.93,1.93,0,0,1,2.549,1.183c.758,2.211,2.494,5.594,6.19,6.609,0,0-3.013,1.766-6.759-2.712" fill="#47aed6"/> <path id="Path_777" data-name="Path 777" d="M362,119h0l-.45-.329h0a1.931,1.931,0,0,0-2.55,1.183c-.758,2.211-2.494,5.594-6.19,6.609,0,0,3.013,1.766,6.759-2.712" fill="#47aed6"/> <g id="Group_1121" data-name="Group 1121"> <path id="Path_778" data-name="Path 778" d="M359.03,106.98c-3.05-.6-6.66,3.09-8.17,8.43-1.55,5.51-.28,10.68,2.84,11.56,2.99.84,6.59-2.59,8.24-7.74h12.12c1.65,5.15,5.25,8.58,8.24,7.74,3.12-.88,4.39-6.05,2.84-11.56-1.51-5.34-5.12-9.03-8.17-8.43a.09.09,0,0,0-.05-.01H359.08A.09.09,0,0,0,359.03,106.98Z" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> </g> <rect id="Rectangle_174" data-name="Rectangle 174" width="12.77" height="7.441" rx="0.829" transform="translate(361.615 106.005)" fill="#1a2f4b"/> <circle id="Ellipse_74" data-name="Ellipse 74" cx="1.47" cy="1.47" r="1.47" transform="translate(361.186 114.687)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <circle id="Ellipse_75" data-name="Ellipse 75" cx="1.47" cy="1.47" r="1.47" transform="translate(372.183 114.687)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <circle id="Ellipse_76" data-name="Ellipse 76" cx="0.712" cy="0.712" r="0.712" transform="translate(367.288 115.514)" fill="#1a2f4b"/> <path id="Path_779" data-name="Path 779" d="M359.5,107v-.764a.737.737,0,0,0-.736-.736h-2.528a.737.737,0,0,0-.736.736V108" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_780" data-name="Path 780" d="M376.5,107v-.764a.737.737,0,0,1,.736-.736h2.528a.737.737,0,0,1,.736.736V108" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <circle id="Ellipse_77" data-name="Ellipse 77" cx="2.94" cy="2.94" r="2.94" transform="translate(376.126 110.645)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <circle id="Ellipse_78" data-name="Ellipse 78" cx="2.94" cy="2.94" r="2.94" transform="translate(354.083 110.715)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <path id="Path_781" data-name="Path 781" d="M359.1,107.5l.585-.047-.21-.45" fill="#1a2f4b"/> <path id="Path_782" data-name="Path 782" d="M376.9,107.5l-.672-.041.321-.227" fill="#1a2f4b"/> <line id="Line_1" data-name="Line 1" y2="5" transform="translate(372.5 107)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="1" opacity="0.5"/> <line id="Line_2" data-name="Line 2" y2="5" transform="translate(370.5 107)" 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
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
6.04 KB
4.78 KB
-21%
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_10"> <rect width="64" height="64"/> </clipPath> </defs> <g id="Artboard_10" data-name="Artboard 10" clip-path="url(#clip-Artboard_10)"> <g id="Layer_13" data-name="Layer 13" transform="translate(-336 -84)"> <g id="Group_1122" data-name="Group 1122"> <path id="Path_761" data-name="Path 761" d="M351.314,124.632c.171.171,1.813,2.152,1.813,2.152l2.492.326,2.6-1.679,2.562-3.219,1.195-3.044,12.169.084.47,1.628,3.942,5.485,2.614.772,1.886-.686,1.5-1.243,1.157-2.786s.043-5.356-.557-6.385a36.318,36.318,0,0,1-1.671-4.5l-3.214-3.728.3-.9-.429-1.243-1.826-.214-1.312.386V107l-3.333-.134-12.985.086-.9-.172-.085-.942-1.672-.386-2.4.171-.3,1.629-.214,1.114s-3.771,4.114-4.2,7.285-.814,7.671,0,8.786" fill="#51dacf"/> <path id="Path_762" data-name="Path 762" d="M356,107h3l.5-.588-.525-.962-2.743.051" fill="#76f4e8"/> <path id="Path_763" data-name="Path 763" d="M356.53,105.537l.394.875-.525,1.05-.481-.131-.175-1.487" fill="#76f4e8"/> <path id="Path_764" data-name="Path 764" d="M376.829,105.449l3.5.219.35,1.531-.412.61-1.732-.741-1.269-.262-.525-.044" fill="#76f4e8"/> <path id="Path_765" data-name="Path 765" d="M384.748,115.205s-3.5-6.912-7.175-6.387-12.293-1.4-12.293-1.4l8.793-.219,2.319-.35,2.319.263,2.406.7,2.1,2.231" fill="#76f4e8"/> <path id="Path_766" data-name="Path 766" d="M351.28,115.511s3.981-7.524,7.656-7,12.512-1.094,12.512-1.094l-8.793-.219-2.319-.35-2.319.263-2.406.7-2.1,2.231" fill="#76f4e8"/> <path id="Path_767" data-name="Path 767" d="M361.78,114.986l-.569,1.488.005-.014a1.515,1.515,0,0,1,2.838.014h0l-.175-1.269-1.223-.518" fill="#76f4e8"/> <path id="Path_768" data-name="Path 768" d="M372.767,115.074l-.569,1.487.006-.014a1.515,1.515,0,0,1,2.838.014h0l-.175-1.268-1.223-.519" fill="#76f4e8"/> <path id="Path_769" data-name="Path 769" d="M354.211,114.418l.259-.75a2.686,2.686,0,0,1,5.086.028l.189.569.153-1.422-1.618-1.969-2.319-.087-1.662,1.837" fill="#76f4e8"/> <path id="Path_770" data-name="Path 770" d="M376.142,114.53l.259-.749a2.686,2.686,0,0,1,5.086.028l.189.568.153-1.422-1.618-1.968-2.319-.088-1.663,1.838" fill="#76f4e8"/> <path id="Path_771" data-name="Path 771" d="M372.35,116h0a1.339,1.339,0,0,0,2.547-.009l.041-.128-.393,1.2-1.151.379-1.362-.924" fill="#47aed6"/> <path id="Path_772" data-name="Path 772" d="M354.1,113.963h0a3.1,3.1,0,0,0,5.434.244l.324-.532-.351,1.952-1.7.9-1.535.064-1.216-.48" fill="#47aed6"/> <path id="Path_773" data-name="Path 773" d="M376.017,113.9h0a3.1,3.1,0,0,0,5.433.244l.325-.532-.352,1.952-1.7.9-1.536.064-1.215-.48" fill="#47aed6"/> <path id="Path_774" data-name="Path 774" d="M361.355,116.057h0a1.339,1.339,0,0,0,2.547-.008l.042-.128-.394,1.2-1.151.378-1.362-.923" fill="#47aed6"/> <path id="Path_775" data-name="Path 775" d="M361.615,112.617a1.313,1.313,0,0,0,.8,1.122c.735.224,11.324,0,11.324,0a.835.835,0,0,0,.643-1.122" fill="#47aed6"/> <path id="Path_776" data-name="Path 776" d="M374.162,118.918h0l.451-.329h0a1.93,1.93,0,0,1,2.549,1.183c.758,2.211,2.494,5.594,6.19,6.609,0,0-3.013,1.766-6.759-2.712" fill="#47aed6"/> <path id="Path_777" data-name="Path 777" d="M362,119h0l-.45-.329h0a1.931,1.931,0,0,0-2.55,1.183c-.758,2.211-2.494,5.594-6.19,6.609,0,0,3.013,1.766,6.759-2.712" fill="#47aed6"/> <g id="Group_1121" data-name="Group 1121"> <path id="Path_778" data-name="Path 778" d="M359.03,106.98c-3.05-.6-6.66,3.09-8.17,8.43-1.55,5.51-.28,10.68,2.84,11.56,2.99.84,6.59-2.59,8.24-7.74h12.12c1.65,5.15,5.25,8.58,8.24,7.74,3.12-.88,4.39-6.05,2.84-11.56-1.51-5.34-5.12-9.03-8.17-8.43a.09.09,0,0,0-.05-.01H359.08A.09.09,0,0,0,359.03,106.98Z" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> </g> <rect id="Rectangle_174" data-name="Rectangle 174" width="12.77" height="7.441" rx="0.829" transform="translate(361.615 106.005)" fill="#1a2f4b"/> <circle id="Ellipse_74" data-name="Ellipse 74" cx="1.47" cy="1.47" r="1.47" transform="translate(361.186 114.687)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <circle id="Ellipse_75" data-name="Ellipse 75" cx="1.47" cy="1.47" r="1.47" transform="translate(372.183 114.687)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <circle id="Ellipse_76" data-name="Ellipse 76" cx="0.712" cy="0.712" r="0.712" transform="translate(367.288 115.514)" fill="#1a2f4b"/> <path id="Path_779" data-name="Path 779" d="M359.5,107v-.764a.737.737,0,0,0-.736-.736h-2.528a.737.737,0,0,0-.736.736V108" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_780" data-name="Path 780" d="M376.5,107v-.764a.737.737,0,0,1,.736-.736h2.528a.737.737,0,0,1,.736.736V108" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="1"/> <circle id="Ellipse_77" data-name="Ellipse 77" cx="2.94" cy="2.94" r="2.94" transform="translate(376.126 110.645)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <circle id="Ellipse_78" data-name="Ellipse 78" cx="2.94" cy="2.94" r="2.94" transform="translate(354.083 110.715)" fill="none" stroke="#1a2f4b" stroke-miterlimit="10" stroke-width="0.75"/> <path id="Path_781" data-name="Path 781" d="M359.1,107.5l.585-.047-.21-.45" fill="#1a2f4b"/> <path id="Path_782" data-name="Path 782" d="M376.9,107.5l-.672-.041.321-.227" fill="#1a2f4b"/> <line id="Line_1" data-name="Line 1" y2="5" transform="translate(372.5 107)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="1" opacity="0.5"/> <line id="Line_2" data-name="Line 2" y2="5" transform="translate(370.5 107)" 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