SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Sea
Birply Inked Duotone 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
5.61 KB
4.29 KB
-24%
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 Davide Pacilio: https://dribbble.com/Davide86 --> <svg width="800px" height="800px" viewBox="0 -1 64 64" xmlns="http://www.w3.org/2000/svg"> <g id="sea" transform="translate(-496 -496)"> <path id="Path_18" data-name="Path 18" d="M539,508a11,11,0,0,0-22,0" fill="#1b8cff" opacity="0.3"/> <path id="Path_19" data-name="Path 19" d="M543,545l-4-25H517l-4,25Z" fill="#1b8cff" opacity="0.3"/> <line id="Line_40" data-name="Line 40" x2="19" transform="translate(497 550)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_41" data-name="Line 41" x2="10" transform="translate(504 540)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_42" data-name="Line 42" x2="10" transform="translate(498 536)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_43" data-name="Line 43" x1="10" transform="translate(542 540)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_44" data-name="Line 44" x1="11" transform="translate(547 536)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_45" data-name="Line 45" x2="11" transform="translate(497 555)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_46" data-name="Line 46" x1="19" transform="translate(540 551)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_47" data-name="Line 47" x1="11" transform="translate(542 555)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_48" data-name="Line 48" x1="11" transform="translate(517 557)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_49" data-name="Line 49" x1="9" transform="translate(523 552)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_50" data-name="Line 50" x1="4" y2="25" transform="translate(513 520)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_51" data-name="Line 51" x1="4" y1="25" transform="translate(539 520)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_52" data-name="Line 52" x1="4" y1="25" transform="translate(531 520)" fill="none" stroke="#ffffff" stroke-linejoin="round" stroke-width="2" opacity="0.5"/> <line id="Line_53" data-name="Line 53" x1="23.291" transform="translate(516.354 524)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_54" data-name="Line 54" x2="30" transform="translate(513 520)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_55" data-name="Line 55" y2="12" transform="translate(517 508)" fill="none" stroke="#1b8cff" stroke-linejoin="round" stroke-width="4"/> <line id="Line_56" data-name="Line 56" y2="12" transform="translate(539 508)" fill="none" stroke="#1b8cff" stroke-linejoin="round" stroke-width="4"/> <path id="Path_20" data-name="Path 20" d="M533,508a11.006,11.006,0,0,0-8.005-10.588" fill="none" stroke="#ffffff" stroke-linejoin="round" stroke-width="2" opacity="0.5"/> <line id="Line_57" data-name="Line 57" y2="12" transform="translate(522 508)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_58" data-name="Line 58" y2="12" transform="translate(534 508)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <circle id="Ellipse_9" data-name="Ellipse 9" cx="3" cy="3" r="3" transform="translate(525 511)" fill="#1b8cff"/> <line id="Line_59" data-name="Line 59" x2="50" transform="translate(503 545)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_60" data-name="Line 60" x1="28" transform="translate(514 508)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <path id="Path_21" data-name="Path 21" d="M539,508a11,11,0,0,0-22,0" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <path id="Path_22" data-name="Path 22" d="M558,525a9,9,0,0,0-9-9v15h9Z" fill="none" stroke="#1b8cff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <line id="Line_61" data-name="Line 61" y1="5" transform="translate(549 531)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_62" data-name="Line 62" x2="9" transform="translate(549 527)" fill="none" stroke="#1b8cff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <circle id="Ellipse_10" data-name="Ellipse 10" cx="6" cy="6" r="6" transform="translate(497 497)" fill="none" stroke="#1b8cff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <line id="Line_63" data-name="Line 63" x2="10" transform="translate(503 503)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_64" data-name="Line 64" x2="3" transform="translate(512 499)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </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
5.61 KB
4.29 KB
-24%
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 Davide Pacilio: https://dribbble.com/Davide86 --> <svg width="800px" height="800px" viewBox="0 -1 64 64" xmlns="http://www.w3.org/2000/svg"> <g id="sea" transform="translate(-496 -496)"> <path id="Path_18" data-name="Path 18" d="M539,508a11,11,0,0,0-22,0" fill="#1b8cff" opacity="0.3"/> <path id="Path_19" data-name="Path 19" d="M543,545l-4-25H517l-4,25Z" fill="#1b8cff" opacity="0.3"/> <line id="Line_40" data-name="Line 40" x2="19" transform="translate(497 550)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_41" data-name="Line 41" x2="10" transform="translate(504 540)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_42" data-name="Line 42" x2="10" transform="translate(498 536)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_43" data-name="Line 43" x1="10" transform="translate(542 540)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_44" data-name="Line 44" x1="11" transform="translate(547 536)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_45" data-name="Line 45" x2="11" transform="translate(497 555)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_46" data-name="Line 46" x1="19" transform="translate(540 551)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_47" data-name="Line 47" x1="11" transform="translate(542 555)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_48" data-name="Line 48" x1="11" transform="translate(517 557)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_49" data-name="Line 49" x1="9" transform="translate(523 552)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_50" data-name="Line 50" x1="4" y2="25" transform="translate(513 520)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_51" data-name="Line 51" x1="4" y1="25" transform="translate(539 520)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_52" data-name="Line 52" x1="4" y1="25" transform="translate(531 520)" fill="none" stroke="#ffffff" stroke-linejoin="round" stroke-width="2" opacity="0.5"/> <line id="Line_53" data-name="Line 53" x1="23.291" transform="translate(516.354 524)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_54" data-name="Line 54" x2="30" transform="translate(513 520)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_55" data-name="Line 55" y2="12" transform="translate(517 508)" fill="none" stroke="#1b8cff" stroke-linejoin="round" stroke-width="4"/> <line id="Line_56" data-name="Line 56" y2="12" transform="translate(539 508)" fill="none" stroke="#1b8cff" stroke-linejoin="round" stroke-width="4"/> <path id="Path_20" data-name="Path 20" d="M533,508a11.006,11.006,0,0,0-8.005-10.588" fill="none" stroke="#ffffff" stroke-linejoin="round" stroke-width="2" opacity="0.5"/> <line id="Line_57" data-name="Line 57" y2="12" transform="translate(522 508)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_58" data-name="Line 58" y2="12" transform="translate(534 508)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <circle id="Ellipse_9" data-name="Ellipse 9" cx="3" cy="3" r="3" transform="translate(525 511)" fill="#1b8cff"/> <line id="Line_59" data-name="Line 59" x2="50" transform="translate(503 545)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/> <line id="Line_60" data-name="Line 60" x1="28" transform="translate(514 508)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <path id="Path_21" data-name="Path 21" d="M539,508a11,11,0,0,0-22,0" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <path id="Path_22" data-name="Path 22" d="M558,525a9,9,0,0,0-9-9v15h9Z" fill="none" stroke="#1b8cff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <line id="Line_61" data-name="Line 61" y1="5" transform="translate(549 531)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_62" data-name="Line 62" x2="9" transform="translate(549 527)" fill="none" stroke="#1b8cff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <circle id="Ellipse_10" data-name="Ellipse 10" cx="6" cy="6" r="6" transform="translate(497 497)" fill="none" stroke="#1b8cff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <line id="Line_63" data-name="Line 63" x2="10" transform="translate(503 503)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line id="Line_64" data-name="Line 64" x2="3" transform="translate(512 499)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download