SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Education
Lightning Design Utility Icons
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
6.52 KB
825 bytes
-88%
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="utf-8"?> <!-- License: CC Attribution. Made by salesforce: https://lightningdesignsystem.com/ --> <svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve"> <g display="none"> <path display="inline" opacity="0.2" enable-background="new" d="M0,0v52h52V0H0z M49.9,49.9H2.1V2.1h47.8 C49.9,2.1,49.9,49.9,49.9,49.9z"/> </g> <g display="none"> <rect x="2" y="2" display="inline" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="48"/> </g> <g display="none"> <g display="inline" opacity="0.5"> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="50" y1="2" x2="2" y2="50"/> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="2" y1="2" x2="49.9" y2="50"/> <rect x="2" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="4" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="6" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="8" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="10" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="12" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="14" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="16" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="18" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="20" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="22" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="24" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="26" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="28" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="30" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="32" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="34" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="36" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="38" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="40" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="42" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="44" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="46" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="48" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="2" y="48" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="46" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="44" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="42" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="40" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="38" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="36" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="34" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="32" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="30" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="28" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="26" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="24" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="22" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="20" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="18" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="16" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="14" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="12" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="10" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="8" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="6" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="4" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> </g> </g> <g> <path d="M25.8,26.7c-1.2,0.1-2.3-0.4-3.5-0.8c-6.3-2.1-12.7-4.2-19-6.3c-0.4-0.2-0.7-0.3-1-0.6 c-0.4-0.3-0.4-0.7,0-1c0.3-0.2,0.7-0.5,1.1-0.6c6.8-2,13.5-4,20.3-6.1c1.5-0.5,3.1-0.5,4.7,0c6.7,2,13.4,4,20.1,6 c0.4,0.2,0.8,0.3,1.2,0.6c0.5,0.3,0.5,0.8,0,1.1c-0.3,0.2-0.6,0.4-1,0.5C42,21.7,35.3,24,28.5,26.2C27.6,26.6,26.8,26.7,25.8,26.7z "/> <path d="M12.5,27c-1-0.2-1.2,0.4-1.2,0.9c0,2.6,0,5.1,0,7.6c0,0.9,0.3,1.4,0.9,2c0.2,0.2,0.5,0.4,0.7,0.6 c1.6,1.1,3.5,1.8,5.4,2.3c3.8,1,7.6,1.2,11.5,0.7c2.5-0.3,5-1,7.3-2c1-0.5,2-1,2.7-1.8c0.5-0.5,0.7-1,0.6-1.7 c0.1-2.4,0.1-4.9,0.1-7.4c0-1.4-1-1.2-1.4-1.1c-3.5,1.2-7.2,2.3-10.7,3.5c-1.8,0.6-3.5,0.6-5.2,0L12.5,27z"/> <path d="M45.9,24.7c-0.3,0.1-0.4,0.2-0.4,0.6c0,2.3,0,4.5,0,6.8c0,0.2-0.1,0.5-0.2,0.7c-0.5,1.2-1,2.4-1.4,3.6 c-0.4,1.1-0.2,2.3,0.6,3.1c0.2,0.3,0.6,0.6,0.9,0.8c0.3,0.3,0.8,0.4,1.2,0.5c0.7,0.1,1.3-0.3,1.8-0.7c0.2-0.2,0.5-0.4,0.7-0.7 c0.6-0.8,0.7-1.8,0.5-2.7c-0.3-1.4-0.9-2.6-1.5-3.8c-0.2-0.2-0.2-0.6-0.2-0.8c0-2.5,0-4.9,0-7.4c0-0.5-0.4-0.4-0.6-0.3L45.9,24.7z" /> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
6.52 KB
825 bytes
-88%
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="utf-8"?> <!-- License: CC Attribution. Made by salesforce: https://lightningdesignsystem.com/ --> <svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve"> <g display="none"> <path display="inline" opacity="0.2" enable-background="new" d="M0,0v52h52V0H0z M49.9,49.9H2.1V2.1h47.8 C49.9,2.1,49.9,49.9,49.9,49.9z"/> </g> <g display="none"> <rect x="2" y="2" display="inline" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="48"/> </g> <g display="none"> <g display="inline" opacity="0.5"> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="50" y1="2" x2="2" y2="50"/> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="2" y1="2" x2="49.9" y2="50"/> <rect x="2" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="4" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="6" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="8" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="10" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="12" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="14" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="16" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="18" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="20" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="22" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="24" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="26" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="28" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="30" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="32" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="34" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="36" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="38" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="40" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="42" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="44" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="46" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="48" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="48"/> <rect x="2" y="48" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="46" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="44" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="42" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="40" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="38" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="36" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="34" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="32" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="30" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="28" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="26" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="24" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="22" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="20" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="18" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="16" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="14" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="12" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="10" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="8" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="6" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="4" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> <rect x="2" y="2" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="48" height="2"/> </g> </g> <g> <path d="M25.8,26.7c-1.2,0.1-2.3-0.4-3.5-0.8c-6.3-2.1-12.7-4.2-19-6.3c-0.4-0.2-0.7-0.3-1-0.6 c-0.4-0.3-0.4-0.7,0-1c0.3-0.2,0.7-0.5,1.1-0.6c6.8-2,13.5-4,20.3-6.1c1.5-0.5,3.1-0.5,4.7,0c6.7,2,13.4,4,20.1,6 c0.4,0.2,0.8,0.3,1.2,0.6c0.5,0.3,0.5,0.8,0,1.1c-0.3,0.2-0.6,0.4-1,0.5C42,21.7,35.3,24,28.5,26.2C27.6,26.6,26.8,26.7,25.8,26.7z "/> <path d="M12.5,27c-1-0.2-1.2,0.4-1.2,0.9c0,2.6,0,5.1,0,7.6c0,0.9,0.3,1.4,0.9,2c0.2,0.2,0.5,0.4,0.7,0.6 c1.6,1.1,3.5,1.8,5.4,2.3c3.8,1,7.6,1.2,11.5,0.7c2.5-0.3,5-1,7.3-2c1-0.5,2-1,2.7-1.8c0.5-0.5,0.7-1,0.6-1.7 c0.1-2.4,0.1-4.9,0.1-7.4c0-1.4-1-1.2-1.4-1.1c-3.5,1.2-7.2,2.3-10.7,3.5c-1.8,0.6-3.5,0.6-5.2,0L12.5,27z"/> <path d="M45.9,24.7c-0.3,0.1-0.4,0.2-0.4,0.6c0,2.3,0,4.5,0,6.8c0,0.2-0.1,0.5-0.2,0.7c-0.5,1.2-1,2.4-1.4,3.6 c-0.4,1.1-0.2,2.3,0.6,3.1c0.2,0.3,0.6,0.6,0.9,0.8c0.3,0.3,0.8,0.4,1.2,0.5c0.7,0.1,1.3-0.3,1.8-0.7c0.2-0.2,0.5-0.4,0.7-0.7 c0.6-0.8,0.7-1.8,0.5-2.7c-0.3-1.4-0.9-2.6-1.5-3.8c-0.2-0.2-0.2-0.6-0.2-0.8c0-2.5,0-4.9,0-7.4c0-0.5-0.4-0.4-0.6-0.3L45.9,24.7z" /> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG