SVG
Viewer
Dark mode
Light mode
Hide sidebar
Diagonal
Arrow Collection 3
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.43 KB
610 bytes
-58%
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 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/41908/diagonal --> <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 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <path style="fill:#8697CB;" d="M55,36H35c-0.553,0-1-0.448-1-1s0.447-1,1-1h20c0.553,0,1,0.448,1,1S55.553,36,55,36z"/> <path style="fill:#8697CB;" d="M35,56c-0.553,0-1-0.448-1-1V35c0-0.552,0.447-1,1-1s1,0.448,1,1v20C36,55.552,35.553,56,35,56z"/> <path style="fill:#8697CB;" d="M59,60c-0.256,0-0.512-0.098-0.707-0.293l-24-24c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l24,24c0.391,0.391,0.391,1.023,0,1.414C59.512,59.902,59.256,60,59,60z"/> <path style="fill:#8697CB;" d="M25,26H5c-0.553,0-1-0.448-1-1s0.447-1,1-1h20c0.553,0,1,0.448,1,1S25.553,26,25,26z"/> <path style="fill:#8697CB;" d="M25,26c-0.553,0-1-0.448-1-1V5c0-0.552,0.447-1,1-1s1,0.448,1,1v20C26,25.552,25.553,26,25,26z"/> <path style="fill:#8697CB;" d="M25,26c-0.256,0-0.512-0.098-0.707-0.293l-24-24c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l24,24c0.391,0.391,0.391,1.023,0,1.414C25.512,25.902,25.256,26,25,26z"/> </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.43 KB
610 bytes
-58%
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 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/41908/diagonal --> <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 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <path style="fill:#8697CB;" d="M55,36H35c-0.553,0-1-0.448-1-1s0.447-1,1-1h20c0.553,0,1,0.448,1,1S55.553,36,55,36z"/> <path style="fill:#8697CB;" d="M35,56c-0.553,0-1-0.448-1-1V35c0-0.552,0.447-1,1-1s1,0.448,1,1v20C36,55.552,35.553,56,35,56z"/> <path style="fill:#8697CB;" d="M59,60c-0.256,0-0.512-0.098-0.707-0.293l-24-24c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l24,24c0.391,0.391,0.391,1.023,0,1.414C59.512,59.902,59.256,60,59,60z"/> <path style="fill:#8697CB;" d="M25,26H5c-0.553,0-1-0.448-1-1s0.447-1,1-1h20c0.553,0,1,0.448,1,1S25.553,26,25,26z"/> <path style="fill:#8697CB;" d="M25,26c-0.553,0-1-0.448-1-1V5c0-0.552,0.447-1,1-1s1,0.448,1,1v20C26,25.552,25.553,26,25,26z"/> <path style="fill:#8697CB;" d="M25,26c-0.256,0-0.512-0.098-0.707-0.293l-24-24c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l24,24c0.391,0.391,0.391,1.023,0,1.414C25.512,25.902,25.256,26,25,26z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download