SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Moon
Planets Flat Vectors
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
7.08 KB
5.56 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 JRdesign: https://dribbble.com/JulesRenvoise --> <svg width="800px" height="800px" viewBox="0 -0.09 62.208 62.208" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <circle id="Ellipse_12" data-name="Ellipse 12" cx="30.955" cy="30.955" r="30.955" transform="translate(591.796 432.345)" fill="none"/> </clipPath> <clipPath id="clip-path-2"> <circle id="Ellipse_15" data-name="Ellipse 15" cx="3.522" cy="3.522" r="3.522" transform="translate(619.23 473.682)" fill="none"/> </clipPath> </defs> <g id="Moon" transform="translate(-591.499 -432.345)"> <circle id="Ellipse_1" data-name="Ellipse 1" cx="30.955" cy="30.955" r="30.955" transform="translate(591.796 432.345)" fill="#f0f5f9"/> <path id="Path_8" data-name="Path 8" d="M622.752,494.256a30.954,30.954,0,0,0,20.754-53.921,30.839,30.839,0,0,1,7.99,20.754c0,17.1-16.112,32.847-33.208,32.847" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <g id="Group_8" data-name="Group 8"> <circle id="Ellipse_2" data-name="Ellipse 2" cx="1.946" cy="1.946" r="1.946" transform="translate(613.46 465.998)" fill="#312449"/> <circle id="Ellipse_3" data-name="Ellipse 3" cx="1.444" cy="1.444" r="1.444" transform="translate(611.254 471.014)" fill="#e6a3d0" opacity="0.3" style="mix-blend-mode: darken;isolation: isolate"/> <circle id="Ellipse_4" data-name="Ellipse 4" cx="1.444" cy="1.444" r="1.444" transform="translate(631.361 471.014)" fill="#e6a3d0" opacity="0.3" style="mix-blend-mode: darken;isolation: isolate"/> <circle id="Ellipse_5" data-name="Ellipse 5" cx="1.946" cy="1.946" r="1.946" transform="translate(628.151 465.998)" fill="#312449"/> </g> <g id="Group_9" data-name="Group 9"> <circle id="Ellipse_6" data-name="Ellipse 6" cx="3.16" cy="3.16" r="3.16" transform="translate(622.5 442.577)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_9" data-name="Path 9" d="M623.459,445.737a3.15,3.15,0,0,1,2.68-3.111,3.027,3.027,0,0,0-.48-.049,3.161,3.161,0,1,0,.48,6.272A3.152,3.152,0,0,1,623.459,445.737Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_10" data-name="Group 10" opacity="0.7"> <circle id="Ellipse_7" data-name="Ellipse 7" cx="1.632" cy="1.632" r="1.632" transform="translate(612.517 441.096)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_10" data-name="Path 10" d="M613.012,442.728a1.627,1.627,0,0,1,1.384-1.607,1.682,1.682,0,0,0-.248-.025,1.632,1.632,0,0,0,0,3.263,1.559,1.559,0,0,0,.248-.025A1.627,1.627,0,0,1,613.012,442.728Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_11" data-name="Group 11" opacity="0.4"> <circle id="Ellipse_8" data-name="Ellipse 8" cx="5.643" cy="5.643" r="5.643" transform="translate(597.371 459.289)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_11" data-name="Path 11" d="M599.084,464.932a5.627,5.627,0,0,1,4.786-5.556,5.505,5.505,0,0,0-.857-.087,5.645,5.645,0,1,0,.857,11.2A5.629,5.629,0,0,1,599.084,464.932Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_12" data-name="Group 12" opacity="0.4"> <circle id="Ellipse_9" data-name="Ellipse 9" cx="5.643" cy="5.643" r="5.643" transform="translate(635.998 472.973)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_12" data-name="Path 12" d="M637.711,478.616a5.628,5.628,0,0,1,4.786-5.557,5.644,5.644,0,1,0,0,11.113A5.627,5.627,0,0,1,637.711,478.616Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_13" data-name="Group 13" opacity="0.8"> <circle id="Ellipse_10" data-name="Ellipse 10" cx="3.643" cy="3.643" r="3.643" transform="translate(638.854 454.54)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_13" data-name="Path 13" d="M639.96,458.183a3.632,3.632,0,0,1,3.09-3.587,3.644,3.644,0,1,0,0,7.173A3.632,3.632,0,0,1,639.96,458.183Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_16" data-name="Group 16"> <g id="Group_15" data-name="Group 15" clip-path="url(#clip-path)"> <g id="Group_14" data-name="Group 14" opacity="0.6"> <circle id="Ellipse_11" data-name="Ellipse 11" cx="5.643" cy="5.643" r="5.643" transform="translate(598.574 480.134)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_14" data-name="Path 14" d="M600.287,485.777a5.63,5.63,0,0,1,4.787-5.557,5.634,5.634,0,1,0-.857,11.2,5.517,5.517,0,0,0,.857-.087A5.628,5.628,0,0,1,600.287,485.777Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> </g> </g> <path id="Path_15" data-name="Path 15" d="M593.367,457.841a12.067,12.067,0,0,0-1.538-2.81c-.216-.189-.4-.406-.3-.675l1.229-3.2a.523.523,0,0,1,.674-.3l2.557.013a.524.524,0,0,1,.3.675l-2.248,6A.524.524,0,0,1,593.367,457.841Z" fill="#f0f5f9"/> <path id="Path_16" data-name="Path 16" d="M618.113,492.374a12.06,12.06,0,0,0-2.746,1.649c-.18.223-.389.419-.662.327l-3.251-1.1a.524.524,0,0,1-.327-.662l-.089-2.555a.524.524,0,0,1,.662-.328l6.086,2.006A.524.524,0,0,1,618.113,492.374Z" fill="#f0f5f9"/> <path id="Path_17" data-name="Path 17" d="M632.995,435.132a12.066,12.066,0,0,0,3.08-.877c.232-.169.486-.3.724-.144l5.717,3.362a.524.524,0,0,1,.144.725l-.578,2.49a.525.525,0,0,1-.725.144l-8.219-4.975A.525.525,0,0,1,632.995,435.132Z" fill="#f0f5f9"/> <path id="Path_18" data-name="Path 18" d="M636.8,434.111a7.507,7.507,0,0,0,2.271,2,12.73,12.73,0,0,0,3.446,1.366" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <g id="Group_19" data-name="Group 19"> <circle id="Ellipse_13" data-name="Ellipse 13" cx="3.522" cy="3.522" r="3.522" transform="translate(619.23 473.682)" fill="#312449"/> <g id="Group_18" data-name="Group 18"> <g id="Group_17" data-name="Group 17" clip-path="url(#clip-path-2)"> <path id="Path_19" data-name="Path 19" d="M624.6,473.3l-1.027.3A1.477,1.477,0,0,1,625.4,474.6l.042.145a6.346,6.346,0,0,1-3.844,7.679c.174-.034.347-.074.52-.124h0a6.345,6.345,0,0,0,4.351-7.849l-.041-.146A1.478,1.478,0,0,0,624.6,473.3Z" opacity="0.2" style="mix-blend-mode: darken;isolation: isolate"/> <ellipse id="Ellipse_14" data-name="Ellipse 14" cx="4.134" cy="3.241" rx="4.134" ry="3.241" transform="translate(618.617 478.837)" fill="#fd1a16"/> </g> </g> </g> <circle id="Ellipse_16" data-name="Ellipse 16" cx="0.32" cy="0.32" r="0.32" transform="translate(614.184 466.656)" fill="#ffffff"/> <circle id="Ellipse_17" data-name="Ellipse 17" cx="0.32" cy="0.32" r="0.32" transform="translate(628.874 466.656)" fill="#ffffff"/> </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
7.08 KB
5.56 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 JRdesign: https://dribbble.com/JulesRenvoise --> <svg width="800px" height="800px" viewBox="0 -0.09 62.208 62.208" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <circle id="Ellipse_12" data-name="Ellipse 12" cx="30.955" cy="30.955" r="30.955" transform="translate(591.796 432.345)" fill="none"/> </clipPath> <clipPath id="clip-path-2"> <circle id="Ellipse_15" data-name="Ellipse 15" cx="3.522" cy="3.522" r="3.522" transform="translate(619.23 473.682)" fill="none"/> </clipPath> </defs> <g id="Moon" transform="translate(-591.499 -432.345)"> <circle id="Ellipse_1" data-name="Ellipse 1" cx="30.955" cy="30.955" r="30.955" transform="translate(591.796 432.345)" fill="#f0f5f9"/> <path id="Path_8" data-name="Path 8" d="M622.752,494.256a30.954,30.954,0,0,0,20.754-53.921,30.839,30.839,0,0,1,7.99,20.754c0,17.1-16.112,32.847-33.208,32.847" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <g id="Group_8" data-name="Group 8"> <circle id="Ellipse_2" data-name="Ellipse 2" cx="1.946" cy="1.946" r="1.946" transform="translate(613.46 465.998)" fill="#312449"/> <circle id="Ellipse_3" data-name="Ellipse 3" cx="1.444" cy="1.444" r="1.444" transform="translate(611.254 471.014)" fill="#e6a3d0" opacity="0.3" style="mix-blend-mode: darken;isolation: isolate"/> <circle id="Ellipse_4" data-name="Ellipse 4" cx="1.444" cy="1.444" r="1.444" transform="translate(631.361 471.014)" fill="#e6a3d0" opacity="0.3" style="mix-blend-mode: darken;isolation: isolate"/> <circle id="Ellipse_5" data-name="Ellipse 5" cx="1.946" cy="1.946" r="1.946" transform="translate(628.151 465.998)" fill="#312449"/> </g> <g id="Group_9" data-name="Group 9"> <circle id="Ellipse_6" data-name="Ellipse 6" cx="3.16" cy="3.16" r="3.16" transform="translate(622.5 442.577)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_9" data-name="Path 9" d="M623.459,445.737a3.15,3.15,0,0,1,2.68-3.111,3.027,3.027,0,0,0-.48-.049,3.161,3.161,0,1,0,.48,6.272A3.152,3.152,0,0,1,623.459,445.737Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_10" data-name="Group 10" opacity="0.7"> <circle id="Ellipse_7" data-name="Ellipse 7" cx="1.632" cy="1.632" r="1.632" transform="translate(612.517 441.096)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_10" data-name="Path 10" d="M613.012,442.728a1.627,1.627,0,0,1,1.384-1.607,1.682,1.682,0,0,0-.248-.025,1.632,1.632,0,0,0,0,3.263,1.559,1.559,0,0,0,.248-.025A1.627,1.627,0,0,1,613.012,442.728Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_11" data-name="Group 11" opacity="0.4"> <circle id="Ellipse_8" data-name="Ellipse 8" cx="5.643" cy="5.643" r="5.643" transform="translate(597.371 459.289)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_11" data-name="Path 11" d="M599.084,464.932a5.627,5.627,0,0,1,4.786-5.556,5.505,5.505,0,0,0-.857-.087,5.645,5.645,0,1,0,.857,11.2A5.629,5.629,0,0,1,599.084,464.932Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_12" data-name="Group 12" opacity="0.4"> <circle id="Ellipse_9" data-name="Ellipse 9" cx="5.643" cy="5.643" r="5.643" transform="translate(635.998 472.973)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_12" data-name="Path 12" d="M637.711,478.616a5.628,5.628,0,0,1,4.786-5.557,5.644,5.644,0,1,0,0,11.113A5.627,5.627,0,0,1,637.711,478.616Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_13" data-name="Group 13" opacity="0.8"> <circle id="Ellipse_10" data-name="Ellipse 10" cx="3.643" cy="3.643" r="3.643" transform="translate(638.854 454.54)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_13" data-name="Path 13" d="M639.96,458.183a3.632,3.632,0,0,1,3.09-3.587,3.644,3.644,0,1,0,0,7.173A3.632,3.632,0,0,1,639.96,458.183Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> <g id="Group_16" data-name="Group 16"> <g id="Group_15" data-name="Group 15" clip-path="url(#clip-path)"> <g id="Group_14" data-name="Group 14" opacity="0.6"> <circle id="Ellipse_11" data-name="Ellipse 11" cx="5.643" cy="5.643" r="5.643" transform="translate(598.574 480.134)" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <path id="Path_14" data-name="Path 14" d="M600.287,485.777a5.63,5.63,0,0,1,4.787-5.557,5.634,5.634,0,1,0-.857,11.2,5.517,5.517,0,0,0,.857-.087A5.628,5.628,0,0,1,600.287,485.777Z" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> </g> </g> </g> <path id="Path_15" data-name="Path 15" d="M593.367,457.841a12.067,12.067,0,0,0-1.538-2.81c-.216-.189-.4-.406-.3-.675l1.229-3.2a.523.523,0,0,1,.674-.3l2.557.013a.524.524,0,0,1,.3.675l-2.248,6A.524.524,0,0,1,593.367,457.841Z" fill="#f0f5f9"/> <path id="Path_16" data-name="Path 16" d="M618.113,492.374a12.06,12.06,0,0,0-2.746,1.649c-.18.223-.389.419-.662.327l-3.251-1.1a.524.524,0,0,1-.327-.662l-.089-2.555a.524.524,0,0,1,.662-.328l6.086,2.006A.524.524,0,0,1,618.113,492.374Z" fill="#f0f5f9"/> <path id="Path_17" data-name="Path 17" d="M632.995,435.132a12.066,12.066,0,0,0,3.08-.877c.232-.169.486-.3.724-.144l5.717,3.362a.524.524,0,0,1,.144.725l-.578,2.49a.525.525,0,0,1-.725.144l-8.219-4.975A.525.525,0,0,1,632.995,435.132Z" fill="#f0f5f9"/> <path id="Path_18" data-name="Path 18" d="M636.8,434.111a7.507,7.507,0,0,0,2.271,2,12.73,12.73,0,0,0,3.446,1.366" fill="#312449" opacity="0.1" style="mix-blend-mode: darken;isolation: isolate"/> <g id="Group_19" data-name="Group 19"> <circle id="Ellipse_13" data-name="Ellipse 13" cx="3.522" cy="3.522" r="3.522" transform="translate(619.23 473.682)" fill="#312449"/> <g id="Group_18" data-name="Group 18"> <g id="Group_17" data-name="Group 17" clip-path="url(#clip-path-2)"> <path id="Path_19" data-name="Path 19" d="M624.6,473.3l-1.027.3A1.477,1.477,0,0,1,625.4,474.6l.042.145a6.346,6.346,0,0,1-3.844,7.679c.174-.034.347-.074.52-.124h0a6.345,6.345,0,0,0,4.351-7.849l-.041-.146A1.478,1.478,0,0,0,624.6,473.3Z" opacity="0.2" style="mix-blend-mode: darken;isolation: isolate"/> <ellipse id="Ellipse_14" data-name="Ellipse 14" cx="4.134" cy="3.241" rx="4.134" ry="3.241" transform="translate(618.617 478.837)" fill="#fd1a16"/> </g> </g> </g> <circle id="Ellipse_16" data-name="Ellipse 16" cx="0.32" cy="0.32" r="0.32" transform="translate(614.184 466.656)" fill="#ffffff"/> <circle id="Ellipse_17" data-name="Ellipse 17" cx="0.32" cy="0.32" r="0.32" transform="translate(628.874 466.656)" fill="#ffffff"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download