SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Notebook
Office 5
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
6 KB
4.64 KB
-23%
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/128588/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 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve"> <circle style="fill:#EDC92C;" cx="236.966" cy="236.966" r="236.966"/> <path style="fill:#4E4E4E;" d="M403.287,287.73c3.222,20.988-3.139,29.661-24.119,32.879L119.467,360.47 c-20.98,3.222-29.653-3.139-32.871-24.123L61.073,180.858c-3.222-20.988,3.132-29.657,24.119-32.879l259.701-39.861 c20.98-3.218,29.653,3.139,32.871,24.127L403.287,287.73z"/> <path style="fill:#A3D4AA;" d="M387.325,287.483c1.549,9.961-5.268,19.296-15.229,20.849l0,0l-10.75-68.919l0,0 c9.968-1.553,19.3,5.268,20.853,15.225L387.325,287.483z"/> <path style="fill:#6CC077;" d="M377.764,225.722c1.545,9.972-5.268,19.304-15.225,20.857l0,0l-10.754-68.919l0,0 c9.964-1.553,19.3,5.265,20.849,15.225L377.764,225.722z"/> <path style="fill:#F6A2A3;" d="M101.667,330.981c1.639,9.949,11.034,16.692,20.98,15.053l0,0l-11.326-68.83l0,0 c-9.949,1.643-16.685,11.031-15.049,20.98L101.667,330.981z"/> <path style="fill:#F06668;" d="M91.449,269.336c1.639,9.949,11.031,16.685,20.98,15.049l0,0l-11.323-68.822l0,0 c-9.949,1.639-16.692,11.031-15.046,20.973L91.449,269.336z"/> <path style="fill:#E84849;" d="M82.611,211.877c1.639,9.949,11.034,16.688,20.98,15.053l0,0l-11.319-68.826l0,0 c-9.957,1.639-16.692,11.034-15.049,20.98L82.611,211.877z"/> <g> <rect x="233.384" y="129.256" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 624.2392 399.9634)" style="fill:#EBF6F9;" width="125.736" height="190.982"/> <polygon style="fill:#EBF6F9;" points="245.138,327.075 121.705,346.899 91.595,158.318 215.028,138.498 "/> </g> <g> <rect x="110.313" y="177.211" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 325.4869 334.7507)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="113.048" y="192.44" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 333.3179 364.579)" style="fill:#818282;" width="78.276" height="6.163"/> <rect x="115.574" y="208.604" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 340.8968 396.3138)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="117.418" y="224.246" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 347.0296 427.1098)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="120.116" y="239.48" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 354.7878 456.9545)" style="fill:#818282;" width="78.276" height="6.163"/> <rect x="122.68" y="255.65" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 362.4433 488.6936)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="124.912" y="271.878" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 369.4433 520.5946)" style="fill:#818282;" width="78.287" height="6.17"/> <rect x="127.639" y="287.107" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 377.2595 550.4252)" style="fill:#818282;" width="78.28" height="6.163"/> <rect x="130.181" y="303.268" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 384.8688 582.145)" style="fill:#818282;" width="78.287" height="6.167"/> <rect x="251.448" y="158.589" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 603.0377 275.4965)" style="fill:#818282;" width="78.282" height="6.166"/> <rect x="254.178" y="173.814" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 610.8644 305.3223)" style="fill:#818282;" width="78.282" height="6.163"/> <rect x="256.732" y="189.977" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 618.5011 337.0099)" style="fill:#818282;" width="78.28" height="6.163"/> <rect x="259.466" y="208.411" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 591.9249 376.0188)" style="fill:#818282;" width="43.158" height="6.163"/> </g> <path style="fill:#2F8442;" d="M368.208,168.383l-5.126-32.841c-1.553-9.953-10.885-16.771-20.857-15.221l-4.498,0.928 l11.248,68.456l3.989-0.569l0.011,0.105C362.94,187.683,369.757,178.347,368.208,168.383z"/> <g> <circle style="fill:#4E4E4E;" cx="200.296" cy="159.481" r="3.921"/> <circle style="fill:#4E4E4E;" cx="238.466" cy="153.023" r="3.921"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M238.373,153.09c-0.834-4.774-10.492-10.077-20.954-8.258 c-10.473,1.818-17.788,10.069-16.958,14.847"/> <g> <circle style="fill:#4E4E4E;" cx="224.805" cy="317.301" r="3.921"/> <circle style="fill:#4E4E4E;" cx="262.971" cy="310.828" r="3.921"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M262.874,310.907c-0.838-4.774-10.488-10.077-20.95-8.258 c-10.473,1.818-17.788,10.069-16.958,14.844"/> <g> <circle style="fill:#4E4E4E;" cx="210.1" cy="224.169" r="3.921"/> <circle style="fill:#4E4E4E;" cx="248.266" cy="217.696" r="3.918"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M248.169,217.789c-0.838-4.774-10.481-10.077-20.95-8.266 c-10.473,1.818-17.788,10.069-16.958,14.851"/> <g> <circle style="fill:#4E4E4E;" cx="215.002" cy="255.562" r="3.921"/> <circle style="fill:#4E4E4E;" cx="253.167" cy="249.089" r="3.918"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M253.074,249.156c-0.831-4.778-10.488-10.077-20.954-8.258 c-10.469,1.815-17.792,10.065-16.954,14.84"/> <g> <circle style="fill:#4E4E4E;" cx="219.9" cy="285.459" r="3.918"/> <circle style="fill:#4E4E4E;" cx="258.069" cy="278.986" r="3.921"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M257.972,279.053c-0.834-4.778-10.484-10.073-20.946-8.262 c-10.473,1.815-17.796,10.069-16.965,14.847"/> <g> <circle style="fill:#4E4E4E;" cx="204.704" cy="190.83" r="3.921"/> <circle style="fill:#4E4E4E;" cx="242.878" cy="184.394" r="3.918"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M242.78,184.461c-0.831-4.778-10.488-10.073-20.95-8.262 c-10.473,1.818-17.796,10.069-16.958,14.847"/> </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
6 KB
4.64 KB
-23%
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/128588/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 473.931 473.931" style="enable-background:new 0 0 473.931 473.931;" xml:space="preserve"> <circle style="fill:#EDC92C;" cx="236.966" cy="236.966" r="236.966"/> <path style="fill:#4E4E4E;" d="M403.287,287.73c3.222,20.988-3.139,29.661-24.119,32.879L119.467,360.47 c-20.98,3.222-29.653-3.139-32.871-24.123L61.073,180.858c-3.222-20.988,3.132-29.657,24.119-32.879l259.701-39.861 c20.98-3.218,29.653,3.139,32.871,24.127L403.287,287.73z"/> <path style="fill:#A3D4AA;" d="M387.325,287.483c1.549,9.961-5.268,19.296-15.229,20.849l0,0l-10.75-68.919l0,0 c9.968-1.553,19.3,5.268,20.853,15.225L387.325,287.483z"/> <path style="fill:#6CC077;" d="M377.764,225.722c1.545,9.972-5.268,19.304-15.225,20.857l0,0l-10.754-68.919l0,0 c9.964-1.553,19.3,5.265,20.849,15.225L377.764,225.722z"/> <path style="fill:#F6A2A3;" d="M101.667,330.981c1.639,9.949,11.034,16.692,20.98,15.053l0,0l-11.326-68.83l0,0 c-9.949,1.643-16.685,11.031-15.049,20.98L101.667,330.981z"/> <path style="fill:#F06668;" d="M91.449,269.336c1.639,9.949,11.031,16.685,20.98,15.049l0,0l-11.323-68.822l0,0 c-9.949,1.639-16.692,11.031-15.046,20.973L91.449,269.336z"/> <path style="fill:#E84849;" d="M82.611,211.877c1.639,9.949,11.034,16.688,20.98,15.053l0,0l-11.319-68.826l0,0 c-9.957,1.639-16.692,11.034-15.049,20.98L82.611,211.877z"/> <g> <rect x="233.384" y="129.256" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 624.2392 399.9634)" style="fill:#EBF6F9;" width="125.736" height="190.982"/> <polygon style="fill:#EBF6F9;" points="245.138,327.075 121.705,346.899 91.595,158.318 215.028,138.498 "/> </g> <g> <rect x="110.313" y="177.211" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 325.4869 334.7507)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="113.048" y="192.44" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 333.3179 364.579)" style="fill:#818282;" width="78.276" height="6.163"/> <rect x="115.574" y="208.604" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 340.8968 396.3138)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="117.418" y="224.246" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 347.0296 427.1098)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="120.116" y="239.48" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 354.7878 456.9545)" style="fill:#818282;" width="78.276" height="6.163"/> <rect x="122.68" y="255.65" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 362.4433 488.6936)" style="fill:#818282;" width="78.284" height="6.17"/> <rect x="124.912" y="271.878" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 369.4433 520.5946)" style="fill:#818282;" width="78.287" height="6.17"/> <rect x="127.639" y="287.107" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 377.2595 550.4252)" style="fill:#818282;" width="78.28" height="6.163"/> <rect x="130.181" y="303.268" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 384.8688 582.145)" style="fill:#818282;" width="78.287" height="6.167"/> <rect x="251.448" y="158.589" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 603.0377 275.4965)" style="fill:#818282;" width="78.282" height="6.166"/> <rect x="254.178" y="173.814" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 610.8644 305.3223)" style="fill:#818282;" width="78.282" height="6.163"/> <rect x="256.732" y="189.977" transform="matrix(-0.9875 0.1578 -0.1578 -0.9875 618.5011 337.0099)" style="fill:#818282;" width="78.28" height="6.163"/> <rect x="259.466" y="208.411" transform="matrix(-0.9875 0.1577 -0.1577 -0.9875 591.9249 376.0188)" style="fill:#818282;" width="43.158" height="6.163"/> </g> <path style="fill:#2F8442;" d="M368.208,168.383l-5.126-32.841c-1.553-9.953-10.885-16.771-20.857-15.221l-4.498,0.928 l11.248,68.456l3.989-0.569l0.011,0.105C362.94,187.683,369.757,178.347,368.208,168.383z"/> <g> <circle style="fill:#4E4E4E;" cx="200.296" cy="159.481" r="3.921"/> <circle style="fill:#4E4E4E;" cx="238.466" cy="153.023" r="3.921"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M238.373,153.09c-0.834-4.774-10.492-10.077-20.954-8.258 c-10.473,1.818-17.788,10.069-16.958,14.847"/> <g> <circle style="fill:#4E4E4E;" cx="224.805" cy="317.301" r="3.921"/> <circle style="fill:#4E4E4E;" cx="262.971" cy="310.828" r="3.921"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M262.874,310.907c-0.838-4.774-10.488-10.077-20.95-8.258 c-10.473,1.818-17.788,10.069-16.958,14.844"/> <g> <circle style="fill:#4E4E4E;" cx="210.1" cy="224.169" r="3.921"/> <circle style="fill:#4E4E4E;" cx="248.266" cy="217.696" r="3.918"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M248.169,217.789c-0.838-4.774-10.481-10.077-20.95-8.266 c-10.473,1.818-17.788,10.069-16.958,14.851"/> <g> <circle style="fill:#4E4E4E;" cx="215.002" cy="255.562" r="3.921"/> <circle style="fill:#4E4E4E;" cx="253.167" cy="249.089" r="3.918"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M253.074,249.156c-0.831-4.778-10.488-10.077-20.954-8.258 c-10.469,1.815-17.792,10.065-16.954,14.84"/> <g> <circle style="fill:#4E4E4E;" cx="219.9" cy="285.459" r="3.918"/> <circle style="fill:#4E4E4E;" cx="258.069" cy="278.986" r="3.921"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M257.972,279.053c-0.834-4.778-10.484-10.073-20.946-8.262 c-10.473,1.815-17.796,10.069-16.965,14.847"/> <g> <circle style="fill:#4E4E4E;" cx="204.704" cy="190.83" r="3.921"/> <circle style="fill:#4E4E4E;" cx="242.878" cy="184.394" r="3.918"/> </g> <path style="fill:none;stroke:#888887;stroke-miterlimit:10;" d="M242.78,184.461c-0.831-4.778-10.488-10.073-20.95-8.262 c-10.473,1.818-17.796,10.069-16.958,14.847"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download