Sea And Sun Icon SVG
Icon Sea and sun SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Sea and sun Icon Svg Code | Path | Download
Download free Sea And Sun SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Sea And Sun Icon SVG code in HTML/Css from below.
Sea And Sun
Sea and sun SVG Icon Code | Customize color
You can get svg icon sea and sun in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 15C5.48276 15 7.34483 12 7.34483 12C7.34483 12 9.2069 15 11.6897 15C14.1724 15 16.6552 12 16.6552 12C16.6552 12 19.1379 15 21 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 20C5.48276 20 7.34483 17 7.34483 17C7.34483 17 9.2069 20 11.6897 20C14.1724 20 16.6552 17 16.6552 17C16.6552 17 19.1379 20 21 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 15C5.48276 15 7.34483 12 7.34483 12C7.34483 12 9.2069 15 11.6897 15C14.1724 15 16.6552 12 16.6552 12C16.6552 12 19.1379 15 21 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 20C5.48276 20 7.34483 17 7.34483 17C7.34483 17 9.2069 20 11.6897 20C14.1724 20 16.6552 17 16.6552 17C16.6552 17 19.1379 20 21 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 15C5.48276 15 7.34483 12 7.34483 12C7.34483 12 9.2069 15 11.6897 15C14.1724 15 16.6552 12 16.6552 12C16.6552 12 19.1379 15 21 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 20C5.48276 20 7.34483 17 7.34483 17C7.34483 17 9.2069 20 11.6897 20C14.1724 20 16.6552 17 16.6552 17C16.6552 17 19.1379 20 21 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 15C5.48276 15 7.34483 12 7.34483 12C7.34483 12 9.2069 15 11.6897 15C14.1724 15 16.6552 12 16.6552 12C16.6552 12 19.1379 15 21 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 20C5.48276 20 7.34483 17 7.34483 17C7.34483 17 9.2069 20 11.6897 20C14.1724 20 16.6552 17 16.6552 17C16.6552 17 19.1379 20 21 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 15C5.48276 15 7.34483 12 7.34483 12C7.34483 12 9.2069 15 11.6897 15C14.1724 15 16.6552 12 16.6552 12C16.6552 12 19.1379 15 21 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 20C5.48276 20 7.34483 17 7.34483 17C7.34483 17 9.2069 20 11.6897 20C14.1724 20 16.6552 17 16.6552 17C16.6552 17 19.1379 20 21 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 10C19 6.13401 15.866 3 12 3C8.13401 3 5 6.13401 5 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit sea and sun as below. Change size color and background color of icon using below tool.
Advertisements
Sea And Sun Icon SVG - Faq(s)?
⭐Can I get Free Sea And Sun Icon SVG?Yes, you can get free Sea And Sun SVG icons.
⭐ How to download free Sea And Sun Icon SVG code?To download free Sea And Sun icons in SVG code click on the copy code button.
⭐How to find the Sea And Sun Icon SVG path file?You can get the Sea And Sun SVG file path from the above section.
⭐ What are the colors available for SVG Sea And Sun Icon?You can check the Sea And Sun SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements