SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Neon App Icon
Neon App 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
8 KB
5.91 KB
-26%
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 buatoom: https://buatoom.com/ --> <svg width="800px" height="800px" viewBox="-5 0 207.1 207.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <path id="Path_66" data-name="Path 66" d="M782.218,551.7V493.023h-197.1v207.1h58.675Z" fill="none"/> </clipPath> </defs> <g id="Group_69" data-name="Group 69" transform="translate(-585.118 -493.023)"> <g id="Group_59" data-name="Group 59"> <g id="Group_58" data-name="Group 58" clip-path="url(#clip-path)"> <circle id="Ellipse_107" data-name="Ellipse 107" cx="80" cy="80" r="80" transform="translate(603.739 521.85)" fill="#2283f6" opacity="0.4"/> <circle id="Ellipse_108" data-name="Ellipse 108" cx="80" cy="80" r="80" transform="translate(603.739 511.85)" fill="#2283f6"/> </g> </g> <circle id="Ellipse_109" data-name="Ellipse 109" cx="55.885" cy="55.885" r="55.885" transform="translate(627.855 540.966)" fill="#51e4c2" opacity="0.5"/> <circle id="Ellipse_110" data-name="Ellipse 110" cx="55.885" cy="55.885" r="55.885" transform="translate(627.855 535.966)" fill="#51e4c2"/> <g id="Group_68" data-name="Group 68"> <rect id="Rectangle_61" data-name="Rectangle 61" width="101.553" height="126.788" rx="3" transform="translate(632.963 535.456)" fill="#1f211e" opacity="0.4"/> <rect id="Rectangle_62" data-name="Rectangle 62" width="101.553" height="126.788" rx="3" transform="translate(632.963 528.456)" fill="#ffffff"/> <path id="Path_67" data-name="Path 67" d="M734.511,645.248v5a3,3,0,0,1-3,3h-95.55a3,3,0,0,1-3-3v-5a3,3,0,0,0,3,3h95.55A3,3,0,0,0,734.511,645.248Z" fill="#51e4c2" opacity="0.2"/> <rect id="Rectangle_63" data-name="Rectangle 63" width="17.847" height="2.75" transform="translate(674.813 536.675)" fill="#e8edeb"/> <rect id="Rectangle_64" data-name="Rectangle 64" width="3.121" height="6.499" transform="translate(666.929 562.989)" fill="#51e4c2"/> <rect id="Rectangle_65" data-name="Rectangle 65" width="3.121" height="16.881" transform="translate(682.108 552.607)" fill="#51e4c2"/> <rect id="Rectangle_66" data-name="Rectangle 66" width="3.121" height="12.881" transform="translate(697.287 556.607)" fill="#51e4c2"/> <rect id="Rectangle_67" data-name="Rectangle 67" width="3.121" height="16.881" transform="translate(651.75 552.607)" fill="#51e4c2"/> <path id="Path_68" data-name="Path 68" d="M653.31,552.607l15.179,10.382,15.179-10.382,15.179,4,15.321-8" fill="none" stroke="#f8e71c" stroke-miterlimit="10" stroke-width="1"/> <g id="Group_60" data-name="Group 60"> <circle id="Ellipse_111" data-name="Ellipse 111" cx="3.199" cy="3.199" r="3.199" transform="translate(650.111 550.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_112" data-name="Ellipse 112" cx="3.199" cy="3.199" r="3.199" transform="translate(650.111 549.408)" fill="#f8e71c"/> <circle id="Ellipse_113" data-name="Ellipse 113" cx="1.969" cy="1.969" r="1.969" transform="translate(651.342 550.638)" fill="#51e4c2"/> </g> <rect id="Rectangle_68" data-name="Rectangle 68" width="3.121" height="20.881" transform="translate(712.608 548.607)" fill="#51e4c2"/> <line id="Line_8" data-name="Line 8" x1="63.979" transform="translate(651.75 569.488)" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_9" data-name="Line 9" x1="91.841" transform="translate(637.815 575.175)" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_10" data-name="Line 10" x1="91.841" transform="translate(637.815 610.675)" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_69" data-name="Path 69" d="M715.728,589.01l2.841,2.841-2.841,2.841" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_70" data-name="Path 70" d="M651.75,589.01l-2.841,2.841,2.841,2.841" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <g id="Group_61" data-name="Group 61"> <path id="Path_71" data-name="Path 71" d="M665.679,629.826a9.065,9.065,0,1,0-9.065,9.065v-9.065Z" fill="#2283f6"/> </g> <path id="Path_72" data-name="Path 72" d="M666.5,629.008a10.708,10.708,0,0,1-10.712,10.7v-10.7Z" fill="#f8e71c"/> <g id="Group_62" data-name="Group 62"> <path id="Path_73" data-name="Path 73" d="M690.148,623.415l-6.412,6.411v-9.065a9.065,9.065,0,1,0,6.412,2.654Z" fill="#df71f5"/> <path id="Path_74" data-name="Path 74" d="M689.235,623.524l-4.91,4.91v-6.948A6.929,6.929,0,0,1,689.235,623.524Z" fill="#51e4c2"/> </g> <g id="Group_63" data-name="Group 63"> <path id="Path_75" data-name="Path 75" d="M701.8,629.826a9.065,9.065,0,0,0,9.065,9.065v-18.13A9.066,9.066,0,0,0,701.8,629.826Z" fill="#fe3d50"/> <path id="Path_76" data-name="Path 76" d="M719.931,629.828a9.067,9.067,0,0,1-9.07,9.06v-18.13A9.069,9.069,0,0,1,719.931,629.828Z" fill="#f8e71c"/> </g> <rect id="Rectangle_69" data-name="Rectangle 69" width="15.836" height="17.449" rx="3" transform="translate(658.821 584.284)" fill="#f8e71c"/> <path id="Path_77" data-name="Path 77" d="M674.661,597.728v1a3,3,0,0,1-3,3h-9.84a3,3,0,0,1-3-3v-1a3,3,0,0,0,3,3h9.84A3,3,0,0,0,674.661,597.728Z" fill="#f8e71c"/> <rect id="Rectangle_70" data-name="Rectangle 70" width="15.836" height="17.449" rx="3" transform="translate(708.657 601.733) rotate(-180)" fill="#f8e71c"/> <path id="Path_78" data-name="Path 78" d="M692.817,597.728v1a3,3,0,0,0,3,3h9.84a3,3,0,0,0,3-3v-1a3,3,0,0,1-3,3h-9.84A3,3,0,0,1,692.817,597.728Z" fill="#f8e71c"/> <rect id="Rectangle_71" data-name="Rectangle 71" width="21.494" height="23.684" rx="3" transform="translate(672.992 581.166)" fill="#fe3d50"/> <path id="Path_79" data-name="Path 79" d="M694.481,600.848v1a3,3,0,0,1-3,3h-15.49a3,3,0,0,1-3-3v-1a3,3,0,0,0,3,3h15.49A3,3,0,0,0,694.481,600.848Z" fill="#fe3d50"/> <g id="Group_64" data-name="Group 64"> <circle id="Ellipse_114" data-name="Ellipse 114" cx="3.199" cy="3.199" r="3.199" transform="translate(665.29 560.806)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_115" data-name="Ellipse 115" cx="3.199" cy="3.199" r="3.199" transform="translate(665.29 559.806)" fill="#f8e71c"/> <circle id="Ellipse_116" data-name="Ellipse 116" cx="1.969" cy="1.969" r="1.969" transform="translate(666.521 561.036)" fill="#51e4c2"/> </g> <g id="Group_65" data-name="Group 65"> <circle id="Ellipse_117" data-name="Ellipse 117" cx="3.199" cy="3.199" r="3.199" transform="translate(680.54 550.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_118" data-name="Ellipse 118" cx="3.199" cy="3.199" r="3.199" transform="translate(680.54 549.408)" fill="#f8e71c"/> <circle id="Ellipse_119" data-name="Ellipse 119" cx="1.969" cy="1.969" r="1.969" transform="translate(681.771 550.638)" fill="#51e4c2"/> </g> <g id="Group_66" data-name="Group 66"> <circle id="Ellipse_120" data-name="Ellipse 120" cx="3.199" cy="3.199" r="3.199" transform="translate(695.648 554.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_121" data-name="Ellipse 121" cx="3.199" cy="3.199" r="3.199" transform="translate(695.648 553.408)" fill="#f8e71c"/> <circle id="Ellipse_122" data-name="Ellipse 122" cx="1.969" cy="1.969" r="1.969" transform="translate(696.878 554.638)" fill="#51e4c2"/> </g> <g id="Group_67" data-name="Group 67"> <circle id="Ellipse_123" data-name="Ellipse 123" cx="3.199" cy="3.199" r="3.199" transform="translate(710.969 546.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_124" data-name="Ellipse 124" cx="3.199" cy="3.199" r="3.199" transform="translate(710.969 545.408)" fill="#f8e71c"/> <circle id="Ellipse_125" data-name="Ellipse 125" cx="1.969" cy="1.969" r="1.969" transform="translate(712.199 546.638)" fill="#51e4c2"/> </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
8 KB
5.91 KB
-26%
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 buatoom: https://buatoom.com/ --> <svg width="800px" height="800px" viewBox="-5 0 207.1 207.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <path id="Path_66" data-name="Path 66" d="M782.218,551.7V493.023h-197.1v207.1h58.675Z" fill="none"/> </clipPath> </defs> <g id="Group_69" data-name="Group 69" transform="translate(-585.118 -493.023)"> <g id="Group_59" data-name="Group 59"> <g id="Group_58" data-name="Group 58" clip-path="url(#clip-path)"> <circle id="Ellipse_107" data-name="Ellipse 107" cx="80" cy="80" r="80" transform="translate(603.739 521.85)" fill="#2283f6" opacity="0.4"/> <circle id="Ellipse_108" data-name="Ellipse 108" cx="80" cy="80" r="80" transform="translate(603.739 511.85)" fill="#2283f6"/> </g> </g> <circle id="Ellipse_109" data-name="Ellipse 109" cx="55.885" cy="55.885" r="55.885" transform="translate(627.855 540.966)" fill="#51e4c2" opacity="0.5"/> <circle id="Ellipse_110" data-name="Ellipse 110" cx="55.885" cy="55.885" r="55.885" transform="translate(627.855 535.966)" fill="#51e4c2"/> <g id="Group_68" data-name="Group 68"> <rect id="Rectangle_61" data-name="Rectangle 61" width="101.553" height="126.788" rx="3" transform="translate(632.963 535.456)" fill="#1f211e" opacity="0.4"/> <rect id="Rectangle_62" data-name="Rectangle 62" width="101.553" height="126.788" rx="3" transform="translate(632.963 528.456)" fill="#ffffff"/> <path id="Path_67" data-name="Path 67" d="M734.511,645.248v5a3,3,0,0,1-3,3h-95.55a3,3,0,0,1-3-3v-5a3,3,0,0,0,3,3h95.55A3,3,0,0,0,734.511,645.248Z" fill="#51e4c2" opacity="0.2"/> <rect id="Rectangle_63" data-name="Rectangle 63" width="17.847" height="2.75" transform="translate(674.813 536.675)" fill="#e8edeb"/> <rect id="Rectangle_64" data-name="Rectangle 64" width="3.121" height="6.499" transform="translate(666.929 562.989)" fill="#51e4c2"/> <rect id="Rectangle_65" data-name="Rectangle 65" width="3.121" height="16.881" transform="translate(682.108 552.607)" fill="#51e4c2"/> <rect id="Rectangle_66" data-name="Rectangle 66" width="3.121" height="12.881" transform="translate(697.287 556.607)" fill="#51e4c2"/> <rect id="Rectangle_67" data-name="Rectangle 67" width="3.121" height="16.881" transform="translate(651.75 552.607)" fill="#51e4c2"/> <path id="Path_68" data-name="Path 68" d="M653.31,552.607l15.179,10.382,15.179-10.382,15.179,4,15.321-8" fill="none" stroke="#f8e71c" stroke-miterlimit="10" stroke-width="1"/> <g id="Group_60" data-name="Group 60"> <circle id="Ellipse_111" data-name="Ellipse 111" cx="3.199" cy="3.199" r="3.199" transform="translate(650.111 550.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_112" data-name="Ellipse 112" cx="3.199" cy="3.199" r="3.199" transform="translate(650.111 549.408)" fill="#f8e71c"/> <circle id="Ellipse_113" data-name="Ellipse 113" cx="1.969" cy="1.969" r="1.969" transform="translate(651.342 550.638)" fill="#51e4c2"/> </g> <rect id="Rectangle_68" data-name="Rectangle 68" width="3.121" height="20.881" transform="translate(712.608 548.607)" fill="#51e4c2"/> <line id="Line_8" data-name="Line 8" x1="63.979" transform="translate(651.75 569.488)" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_9" data-name="Line 9" x1="91.841" transform="translate(637.815 575.175)" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <line id="Line_10" data-name="Line 10" x1="91.841" transform="translate(637.815 610.675)" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_69" data-name="Path 69" d="M715.728,589.01l2.841,2.841-2.841,2.841" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <path id="Path_70" data-name="Path 70" d="M651.75,589.01l-2.841,2.841,2.841,2.841" fill="none" stroke="#e8edeb" stroke-miterlimit="10" stroke-width="1"/> <g id="Group_61" data-name="Group 61"> <path id="Path_71" data-name="Path 71" d="M665.679,629.826a9.065,9.065,0,1,0-9.065,9.065v-9.065Z" fill="#2283f6"/> </g> <path id="Path_72" data-name="Path 72" d="M666.5,629.008a10.708,10.708,0,0,1-10.712,10.7v-10.7Z" fill="#f8e71c"/> <g id="Group_62" data-name="Group 62"> <path id="Path_73" data-name="Path 73" d="M690.148,623.415l-6.412,6.411v-9.065a9.065,9.065,0,1,0,6.412,2.654Z" fill="#df71f5"/> <path id="Path_74" data-name="Path 74" d="M689.235,623.524l-4.91,4.91v-6.948A6.929,6.929,0,0,1,689.235,623.524Z" fill="#51e4c2"/> </g> <g id="Group_63" data-name="Group 63"> <path id="Path_75" data-name="Path 75" d="M701.8,629.826a9.065,9.065,0,0,0,9.065,9.065v-18.13A9.066,9.066,0,0,0,701.8,629.826Z" fill="#fe3d50"/> <path id="Path_76" data-name="Path 76" d="M719.931,629.828a9.067,9.067,0,0,1-9.07,9.06v-18.13A9.069,9.069,0,0,1,719.931,629.828Z" fill="#f8e71c"/> </g> <rect id="Rectangle_69" data-name="Rectangle 69" width="15.836" height="17.449" rx="3" transform="translate(658.821 584.284)" fill="#f8e71c"/> <path id="Path_77" data-name="Path 77" d="M674.661,597.728v1a3,3,0,0,1-3,3h-9.84a3,3,0,0,1-3-3v-1a3,3,0,0,0,3,3h9.84A3,3,0,0,0,674.661,597.728Z" fill="#f8e71c"/> <rect id="Rectangle_70" data-name="Rectangle 70" width="15.836" height="17.449" rx="3" transform="translate(708.657 601.733) rotate(-180)" fill="#f8e71c"/> <path id="Path_78" data-name="Path 78" d="M692.817,597.728v1a3,3,0,0,0,3,3h9.84a3,3,0,0,0,3-3v-1a3,3,0,0,1-3,3h-9.84A3,3,0,0,1,692.817,597.728Z" fill="#f8e71c"/> <rect id="Rectangle_71" data-name="Rectangle 71" width="21.494" height="23.684" rx="3" transform="translate(672.992 581.166)" fill="#fe3d50"/> <path id="Path_79" data-name="Path 79" d="M694.481,600.848v1a3,3,0,0,1-3,3h-15.49a3,3,0,0,1-3-3v-1a3,3,0,0,0,3,3h15.49A3,3,0,0,0,694.481,600.848Z" fill="#fe3d50"/> <g id="Group_64" data-name="Group 64"> <circle id="Ellipse_114" data-name="Ellipse 114" cx="3.199" cy="3.199" r="3.199" transform="translate(665.29 560.806)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_115" data-name="Ellipse 115" cx="3.199" cy="3.199" r="3.199" transform="translate(665.29 559.806)" fill="#f8e71c"/> <circle id="Ellipse_116" data-name="Ellipse 116" cx="1.969" cy="1.969" r="1.969" transform="translate(666.521 561.036)" fill="#51e4c2"/> </g> <g id="Group_65" data-name="Group 65"> <circle id="Ellipse_117" data-name="Ellipse 117" cx="3.199" cy="3.199" r="3.199" transform="translate(680.54 550.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_118" data-name="Ellipse 118" cx="3.199" cy="3.199" r="3.199" transform="translate(680.54 549.408)" fill="#f8e71c"/> <circle id="Ellipse_119" data-name="Ellipse 119" cx="1.969" cy="1.969" r="1.969" transform="translate(681.771 550.638)" fill="#51e4c2"/> </g> <g id="Group_66" data-name="Group 66"> <circle id="Ellipse_120" data-name="Ellipse 120" cx="3.199" cy="3.199" r="3.199" transform="translate(695.648 554.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_121" data-name="Ellipse 121" cx="3.199" cy="3.199" r="3.199" transform="translate(695.648 553.408)" fill="#f8e71c"/> <circle id="Ellipse_122" data-name="Ellipse 122" cx="1.969" cy="1.969" r="1.969" transform="translate(696.878 554.638)" fill="#51e4c2"/> </g> <g id="Group_67" data-name="Group 67"> <circle id="Ellipse_123" data-name="Ellipse 123" cx="3.199" cy="3.199" r="3.199" transform="translate(710.969 546.408)" fill="#51e4c2" opacity="0.2"/> <circle id="Ellipse_124" data-name="Ellipse 124" cx="3.199" cy="3.199" r="3.199" transform="translate(710.969 545.408)" fill="#f8e71c"/> <circle id="Ellipse_125" data-name="Ellipse 125" cx="1.969" cy="1.969" r="1.969" transform="translate(712.199 546.638)" fill="#51e4c2"/> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download