SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Abacus
Baby
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.46 KB
1.47 KB
-40%
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="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/79158/abacus --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve"> <g id="XMLID_1048_"> <circle id="XMLID_1049_" style="fill:#EA348B;" cx="70" cy="70" r="30"/> <rect id="XMLID_1050_" x="210" y="60" style="fill:#FFDA44;" width="80" height="20"/> <rect id="XMLID_1051_" x="30" y="150" style="fill:#FFDA44;" width="80" height="20"/> <rect id="XMLID_1052_" x="210" y="240" style="fill:#FFDA44;" width="80" height="20"/> <rect id="XMLID_39_" y="10" style="fill:#804C09;" width="40" height="300"/> <rect id="XMLID_38_" x="280" y="10" style="fill:#BE720D;" width="40" height="300"/> <path id="XMLID_1053_" style="fill:#AF2768;" d="M70,100c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1054_" style="fill:#FFDA44;" cx="130" cy="70" r="30"/> <path id="XMLID_1055_" style="fill:#FF9811;" d="M130,100c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1056_" style="fill:#00D7DF;" cx="190" cy="70" r="30"/> <path id="XMLID_1057_" style="fill:#00A0A6;" d="M190,100c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1058_" style="fill:#EA348B;" cx="70" cy="250" r="30"/> <path id="XMLID_1059_" style="fill:#AF2768;" d="M70,280c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1060_" style="fill:#FFDA44;" cx="130" cy="250" r="30"/> <path id="XMLID_1061_" style="fill:#FF9811;" d="M130,280c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1062_" style="fill:#00D7DF;" cx="190" cy="250" r="30"/> <path id="XMLID_1063_" style="fill:#00A0A6;" d="M190,280c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1064_" style="fill:#EA348B;" cx="130" cy="160" r="30"/> <path id="XMLID_1065_" style="fill:#AF2768;" d="M130,190c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1066_" style="fill:#FFDA44;" cx="190" cy="160" r="30"/> <path id="XMLID_1067_" style="fill:#FF9811;" d="M190,190c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1068_" style="fill:#00D7DF;" cx="250" cy="160" r="30"/> <path id="XMLID_1069_" style="fill:#00A0A6;" d="M250,190c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> </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
Set Dimensions
Change dimensions
Optimize
2.46 KB
1.47 KB
-40%
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="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/79158/abacus --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve"> <g id="XMLID_1048_"> <circle id="XMLID_1049_" style="fill:#EA348B;" cx="70" cy="70" r="30"/> <rect id="XMLID_1050_" x="210" y="60" style="fill:#FFDA44;" width="80" height="20"/> <rect id="XMLID_1051_" x="30" y="150" style="fill:#FFDA44;" width="80" height="20"/> <rect id="XMLID_1052_" x="210" y="240" style="fill:#FFDA44;" width="80" height="20"/> <rect id="XMLID_39_" y="10" style="fill:#804C09;" width="40" height="300"/> <rect id="XMLID_38_" x="280" y="10" style="fill:#BE720D;" width="40" height="300"/> <path id="XMLID_1053_" style="fill:#AF2768;" d="M70,100c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1054_" style="fill:#FFDA44;" cx="130" cy="70" r="30"/> <path id="XMLID_1055_" style="fill:#FF9811;" d="M130,100c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1056_" style="fill:#00D7DF;" cx="190" cy="70" r="30"/> <path id="XMLID_1057_" style="fill:#00A0A6;" d="M190,100c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1058_" style="fill:#EA348B;" cx="70" cy="250" r="30"/> <path id="XMLID_1059_" style="fill:#AF2768;" d="M70,280c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1060_" style="fill:#FFDA44;" cx="130" cy="250" r="30"/> <path id="XMLID_1061_" style="fill:#FF9811;" d="M130,280c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1062_" style="fill:#00D7DF;" cx="190" cy="250" r="30"/> <path id="XMLID_1063_" style="fill:#00A0A6;" d="M190,280c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1064_" style="fill:#EA348B;" cx="130" cy="160" r="30"/> <path id="XMLID_1065_" style="fill:#AF2768;" d="M130,190c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1066_" style="fill:#FFDA44;" cx="190" cy="160" r="30"/> <path id="XMLID_1067_" style="fill:#FF9811;" d="M190,190c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> <circle id="XMLID_1068_" style="fill:#00D7DF;" cx="250" cy="160" r="30"/> <path id="XMLID_1069_" style="fill:#00A0A6;" d="M250,190c-16.568,0-30-13.432-30-30s13.432-30,30-30"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download