SVG
Viewer
Dark mode
Light mode
Hide sidebar
Rec
Media Mega Pack Color
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
1.44 KB
976 bytes
-34%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/100051/rec --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 502 502" style="enable-background:new 0 0 502 502;" xml:space="preserve" width="512" height="512"> <g> <g> <path style="fill:#CCD7EB;" d="M413,492H89c-43.63,0-79-35.37-79-79V89c0-43.63,35.37-79,79-79h324c43.63,0,79,35.37,79,79v324 C492,456.63,456.63,492,413,492z"/> <path d="M413,502H89c-49.075,0-89-39.925-89-89V89C0,39.925,39.925,0,89,0h324c49.075,0,89,39.925,89,89v324 C502,462.075,462.075,502,413,502z M89,20c-38.047,0-69,30.953-69,69v324c0,38.047,30.953,69,69,69h324c38.047,0,69-30.953,69-69 V89c0-38.047-30.953-69-69-69H89z"/> </g> <g> <path d="M423.167,56H403c-5.522,0-10-4.477-10-10s4.478-10,10-10h20.167c5.522,0,10,4.477,10,10S428.689,56,423.167,56z"/> </g> <g> <path d="M361,56H78.833c-5.522,0-10-4.477-10-10s4.478-10,10-10H361c5.522,0,10,4.477,10,10S366.522,56,361,56z"/> </g> <g> <circle style="fill:#4D93E8;" cx="249" cy="251" r="141"/> <path d="M249,402c-83.262,0-151-67.738-151-151s67.738-151,151-151s151,67.738,151,151S332.262,402,249,402z M249,120 c-72.233,0-131,58.766-131,131s58.767,131,131,131s131-58.766,131-131S321.233,120,249,120z"/> </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
1.44 KB
976 bytes
-34%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/100051/rec --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 502 502" style="enable-background:new 0 0 502 502;" xml:space="preserve" width="512" height="512"> <g> <g> <path style="fill:#CCD7EB;" d="M413,492H89c-43.63,0-79-35.37-79-79V89c0-43.63,35.37-79,79-79h324c43.63,0,79,35.37,79,79v324 C492,456.63,456.63,492,413,492z"/> <path d="M413,502H89c-49.075,0-89-39.925-89-89V89C0,39.925,39.925,0,89,0h324c49.075,0,89,39.925,89,89v324 C502,462.075,462.075,502,413,502z M89,20c-38.047,0-69,30.953-69,69v324c0,38.047,30.953,69,69,69h324c38.047,0,69-30.953,69-69 V89c0-38.047-30.953-69-69-69H89z"/> </g> <g> <path d="M423.167,56H403c-5.522,0-10-4.477-10-10s4.478-10,10-10h20.167c5.522,0,10,4.477,10,10S428.689,56,423.167,56z"/> </g> <g> <path d="M361,56H78.833c-5.522,0-10-4.477-10-10s4.478-10,10-10H361c5.522,0,10,4.477,10,10S366.522,56,361,56z"/> </g> <g> <circle style="fill:#4D93E8;" cx="249" cy="251" r="141"/> <path d="M249,402c-83.262,0-151-67.738-151-151s67.738-151,151-151s151,67.738,151,151S332.262,402,249,402z M249,120 c-72.233,0-131,58.766-131,131s58.767,131,131,131s131-58.766,131-131S321.233,120,249,120z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download