SVG
Viewer
Dark mode
Light mode
Hide sidebar
Notebook
Modern Education
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.09 KB
2.3 KB
-44%
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/190784/notebook --> <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 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve"> <circle style="fill:#54C0EB;" cx="254" cy="254" r="254"/> <path style="fill:#324A5E;" d="M423.2,382.8H84.8c-7.2,0-13.2-6-13.2-13.2V138.4c0-7.2,6-13.2,13.2-13.2h338c7.2,0,13.2,6,13.2,13.2 v231.2C436,376.8,430.4,382.8,423.2,382.8z"/> <path style="fill:#E6E9EE;" d="M399.2,136.4H260.4v235.2h138.8c7.2,0,13.2-5.2,13.2-12V148.4C412,141.6,406.4,136.4,399.2,136.4z"/> <path style="fill:#FFFFFF;" d="M108.8,136.4h138.8v235.2H108.8c-7.2,0-13.2-5.2-13.2-12V148.4C96,141.6,101.6,136.4,108.8,136.4z"/> <g> <circle style="fill:#324A5E;" cx="274.4" cy="165.2" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="200.8" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="236.4" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="271.6" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="307.2" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="342.8" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="165.2" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="200.8" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="236.4" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="271.6" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="307.2" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="342.8" r="6.4"/> </g> <g> <path style="fill:#ACB3BA;" d="M271.2,168.4h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,166.8,272.8,168.4,271.2,168.4z"/> <path style="fill:#ACB3BA;" d="M271.2,203.6h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,202.4,272.8,203.6,271.2,203.6z"/> <path style="fill:#ACB3BA;" d="M271.2,239.2h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,238,272.8,239.2,271.2,239.2z"/> <path style="fill:#ACB3BA;" d="M271.2,274.8h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,273.6,272.8,274.8,271.2,274.8z"/> <path style="fill:#ACB3BA;" d="M271.2,310.4h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,308.8,272.8,310.4,271.2,310.4z"/> <path style="fill:#ACB3BA;" d="M271.2,346h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2l0,0 C274.4,344.4,272.8,346,271.2,346z"/> </g> <g> <rect x="296" y="162" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="184.4" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="206.4" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="228.4" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="250.8" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="272.8" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="294.8" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="317.2" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="339.2" style="fill:#CED5E0;" width="94.4" height="6.8"/> </g> <g> <rect x="118.4" y="162" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="184.4" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="206.4" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="228.4" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="250.8" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="272.8" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="294.8" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="317.2" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="339.2" style="fill:#E6E9EE;" width="94.4" height="6.8"/> </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
4.09 KB
2.3 KB
-44%
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/190784/notebook --> <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 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve"> <circle style="fill:#54C0EB;" cx="254" cy="254" r="254"/> <path style="fill:#324A5E;" d="M423.2,382.8H84.8c-7.2,0-13.2-6-13.2-13.2V138.4c0-7.2,6-13.2,13.2-13.2h338c7.2,0,13.2,6,13.2,13.2 v231.2C436,376.8,430.4,382.8,423.2,382.8z"/> <path style="fill:#E6E9EE;" d="M399.2,136.4H260.4v235.2h138.8c7.2,0,13.2-5.2,13.2-12V148.4C412,141.6,406.4,136.4,399.2,136.4z"/> <path style="fill:#FFFFFF;" d="M108.8,136.4h138.8v235.2H108.8c-7.2,0-13.2-5.2-13.2-12V148.4C96,141.6,101.6,136.4,108.8,136.4z"/> <g> <circle style="fill:#324A5E;" cx="274.4" cy="165.2" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="200.8" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="236.4" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="271.6" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="307.2" r="6.4"/> <circle style="fill:#324A5E;" cx="274.4" cy="342.8" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="165.2" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="200.8" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="236.4" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="271.6" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="307.2" r="6.4"/> <circle style="fill:#324A5E;" cx="233.6" cy="342.8" r="6.4"/> </g> <g> <path style="fill:#ACB3BA;" d="M271.2,168.4h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,166.8,272.8,168.4,271.2,168.4z"/> <path style="fill:#ACB3BA;" d="M271.2,203.6h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,202.4,272.8,203.6,271.2,203.6z"/> <path style="fill:#ACB3BA;" d="M271.2,239.2h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,238,272.8,239.2,271.2,239.2z"/> <path style="fill:#ACB3BA;" d="M271.2,274.8h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,273.6,272.8,274.8,271.2,274.8z"/> <path style="fill:#ACB3BA;" d="M271.2,310.4h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2 l0,0C274.4,308.8,272.8,310.4,271.2,310.4z"/> <path style="fill:#ACB3BA;" d="M271.2,346h-34.4c-1.6,0-3.2-1.2-3.2-3.2l0,0c0-1.6,1.2-3.2,3.2-3.2h34.4c1.6,0,3.2,1.2,3.2,3.2l0,0 C274.4,344.4,272.8,346,271.2,346z"/> </g> <g> <rect x="296" y="162" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="184.4" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="206.4" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="228.4" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="250.8" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="272.8" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="294.8" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="317.2" style="fill:#CED5E0;" width="94.4" height="6.8"/> <rect x="296" y="339.2" style="fill:#CED5E0;" width="94.4" height="6.8"/> </g> <g> <rect x="118.4" y="162" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="184.4" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="206.4" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="228.4" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="250.8" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="272.8" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="294.8" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="317.2" style="fill:#E6E9EE;" width="94.4" height="6.8"/> <rect x="118.4" y="339.2" style="fill:#E6E9EE;" width="94.4" height="6.8"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download