SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Notebook
Interaction Assets 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.3 KB
627 bytes
-53%
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 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/6797/notebook --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <g> <rect x="2" style="fill:#CBB292;" width="44" height="58"/> <rect x="2" style="fill:#7F6E5D;" width="8" height="58"/> <rect x="17" y="10" style="fill:#EFEBDE;" width="22" height="12"/> <rect x="21" y="13" style="fill:#D5D0BB;" width="14" height="2"/> <rect x="21" y="17" style="fill:#D5D0BB;" width="14" height="2"/> <g> <rect x="36" y="42" style="fill:#8697CB;" width="20" height="16"/> <path style="fill:#556080;" d="M49,49c0-1.657-1.343-3-3-3s-3,1.343-3,3c0,1.317,0.854,2.424,2.035,2.827 C45.024,51.885,45,51.939,45,52v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2c0-0.061-0.024-0.115-0.035-0.173 C48.146,51.424,49,50.317,49,49z"/> <path style="fill:#BDC3C7;" d="M41,40c0-2.757,2.243-5,5-5s5,2.243,5,5v2h2v-2c0-3.86-3.14-7-7-7s-7,3.14-7,7v2h2V40z"/> </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
Set Dimensions
Change dimensions
Optimize
1.3 KB
627 bytes
-53%
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 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/6797/notebook --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <g> <rect x="2" style="fill:#CBB292;" width="44" height="58"/> <rect x="2" style="fill:#7F6E5D;" width="8" height="58"/> <rect x="17" y="10" style="fill:#EFEBDE;" width="22" height="12"/> <rect x="21" y="13" style="fill:#D5D0BB;" width="14" height="2"/> <rect x="21" y="17" style="fill:#D5D0BB;" width="14" height="2"/> <g> <rect x="36" y="42" style="fill:#8697CB;" width="20" height="16"/> <path style="fill:#556080;" d="M49,49c0-1.657-1.343-3-3-3s-3,1.343-3,3c0,1.317,0.854,2.424,2.035,2.827 C45.024,51.885,45,51.939,45,52v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2c0-0.061-0.024-0.115-0.035-0.173 C48.146,51.424,49,50.317,49,49z"/> <path style="fill:#BDC3C7;" d="M41,40c0-2.757,2.243-5,5-5s5,2.243,5,5v2h2v-2c0-3.86-3.14-7-7-7s-7,3.14-7,7v2h2V40z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download