SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Loading
Android App 2
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.34 KB
718 bytes
-48%
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/274034/loading --> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <rect x="232" style="fill:#7AB9E8;" width="48" height="160"/> <rect x="51.553" y="107.545" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 131.5571 317.5824)" style="fill:#7AB9E8;" width="159.998" height="48"/> <rect y="232" style="fill:#7AB9E8;" width="160" height="48"/> <rect x="107.558" y="300.449" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -44.4344 742.4907)" style="fill:#7AB9E8;" width="48" height="159.998"/> </g> <g> <rect x="232" y="352" style="fill:#579ADF;" width="48" height="160"/> <rect x="300.449" y="356.446" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 380.4497 918.4785)" style="fill:#579ADF;" width="159.998" height="48"/> <rect x="352" y="232" style="fill:#579ADF;" width="160" height="48"/> <rect x="356.443" y="51.54" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 556.4435 493.5648)" style="fill:#579ADF;" width="48" height="159.998"/> </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
1.34 KB
718 bytes
-48%
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/274034/loading --> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <rect x="232" style="fill:#7AB9E8;" width="48" height="160"/> <rect x="51.553" y="107.545" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 131.5571 317.5824)" style="fill:#7AB9E8;" width="159.998" height="48"/> <rect y="232" style="fill:#7AB9E8;" width="160" height="48"/> <rect x="107.558" y="300.449" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -44.4344 742.4907)" style="fill:#7AB9E8;" width="48" height="159.998"/> </g> <g> <rect x="232" y="352" style="fill:#579ADF;" width="48" height="160"/> <rect x="300.449" y="356.446" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 380.4497 918.4785)" style="fill:#579ADF;" width="159.998" height="48"/> <rect x="352" y="232" style="fill:#579ADF;" width="160" height="48"/> <rect x="356.443" y="51.54" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 556.4435 493.5648)" style="fill:#579ADF;" width="48" height="159.998"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download