SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Education
Lightning Standart Design 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
8.19 KB
862 bytes
-90%
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 100 100" enable-background="new 0 0 100 100" xml:space="preserve"> <g display="none"> <path display="inline" opacity="0.2" enable-background="new" d="M84.6,0H80H20h-6.2H0v100h13h7h60h7.3H100V0 H84.6z M20,80V20h60v60H20z"/> </g> <g display="none"> <rect x="20.1" y="20.1" display="inline" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="59.8"/> </g> <g display="none"> <g display="inline" opacity="0.5"> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="79.9" y1="20.1" x2="20.1" y2="79.9"/> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="20.1" y1="20.1" x2="79.9" y2="79.9"/> <g> <rect x="20.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="22.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="24.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="26.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="28.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="30.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="32.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="34.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="36.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="38.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="40" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="42" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="44" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="46" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="48" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="50" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="52" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="54" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="56" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="58" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="60" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="62" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="63.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="65.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="67.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="69.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="71.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="73.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="75.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="77.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> </g> <g> <rect x="20.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="22.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="24.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="26.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="28.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="30.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="32.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="34.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="36.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="38.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="40" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="42" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="44" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="46" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="48" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="50" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="52" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="54" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="56" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="58" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="60" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="62" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="63.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="65.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="67.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="69.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="71.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="73.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="75.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="77.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> </g> </g> </g> <g> <path d="M49.9,51.1c-1.5,0.1-2.9-0.5-4.4-1c-7.9-2.6-15.8-5.2-23.6-7.9c-0.5-0.2-0.9-0.4-1.3-0.7 c-0.5-0.4-0.5-0.9,0-1.3c0.4-0.3,0.9-0.6,1.4-0.7c8.4-2.5,16.8-5,25.2-7.6c1.9-0.6,3.8-0.6,5.8,0c8.3,2.5,16.7,5,25,7.5 c0.5,0.2,1,0.4,1.5,0.7c0.6,0.4,0.6,1,0,1.4c-0.4,0.3-0.8,0.5-1.2,0.6c-8.3,2.8-16.7,5.6-25.1,8.3C52.1,50.9,51.1,51.1,49.9,51.1z" /> <path d="M33.3,51.5c-1.2-0.3-1.5,0.5-1.5,1.1c0,3.2,0,6.3,0,9.5c0,1.1,0.4,1.8,1.1,2.5c0.3,0.3,0.6,0.5,0.9,0.7 c2,1.4,4.3,2.3,6.7,2.9c4.7,1.3,9.5,1.5,14.3,0.9c3.1-0.4,6.2-1.2,9.1-2.5c1.3-0.6,2.5-1.3,3.4-2.3c0.6-0.6,0.9-1.2,0.8-2.1 c0.1-3,0.1-6.1,0.1-9.2c0-1.7-1.2-1.5-1.7-1.4c-4.4,1.5-8.9,2.9-13.3,4.4c-2.2,0.7-4.3,0.7-6.5,0L33.3,51.5z"/> <path d="M74.9,48.6c-0.4,0.1-0.5,0.3-0.5,0.7c0,2.8,0,5.6,0,8.4c0,0.3-0.1,0.6-0.2,0.9c-0.6,1.5-1.3,3-1.8,4.5 c-0.5,1.4-0.2,2.8,0.8,3.9c0.3,0.4,0.7,0.7,1.1,1c0.4,0.3,1,0.5,1.5,0.6c0.9,0.1,1.6-0.4,2.2-0.9c0.3-0.3,0.6-0.6,0.9-0.9 c0.7-0.9,0.9-2.2,0.6-3.4c-0.4-1.7-1.1-3.2-1.9-4.7c-0.2-0.3-0.3-0.7-0.3-1c0-3.1,0-6.1,0-9.2c0-0.6-0.5-0.5-0.7-0.4L74.9,48.6z"/> </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
-1px x -1px
Change dimensions
Optimize
8.19 KB
862 bytes
-90%
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 100 100" enable-background="new 0 0 100 100" xml:space="preserve"> <g display="none"> <path display="inline" opacity="0.2" enable-background="new" d="M84.6,0H80H20h-6.2H0v100h13h7h60h7.3H100V0 H84.6z M20,80V20h60v60H20z"/> </g> <g display="none"> <rect x="20.1" y="20.1" display="inline" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="59.8"/> </g> <g display="none"> <g display="inline" opacity="0.5"> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="79.9" y1="20.1" x2="20.1" y2="79.9"/> <line fill="none" stroke-width="0.25" stroke-miterlimit="10" x1="20.1" y1="20.1" x2="79.9" y2="79.9"/> <g> <rect x="20.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="22.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="24.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="26.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="28.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="30.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="32.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="34.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="36.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="38.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="40" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="42" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="44" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="46" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="48" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="50" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="52" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="54" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="56" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="58" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="60" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="62" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="63.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="65.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="67.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="69.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="71.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="73.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="75.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> <rect x="20.1" y="77.9" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="59.8" height="2"/> </g> <g> <rect x="20.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="22.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="24.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="26.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="28.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="30.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="32.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="34.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="36.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="38.1" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="40" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="42" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="44" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="46" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="48" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="50" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="52" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="54" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="56" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="58" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="60" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="62" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="63.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="65.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="67.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="69.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="71.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="73.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="75.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> <rect x="77.9" y="20.1" fill="none" stroke-width="0.25" stroke-miterlimit="10" width="2" height="59.8"/> </g> </g> </g> <g> <path d="M49.9,51.1c-1.5,0.1-2.9-0.5-4.4-1c-7.9-2.6-15.8-5.2-23.6-7.9c-0.5-0.2-0.9-0.4-1.3-0.7 c-0.5-0.4-0.5-0.9,0-1.3c0.4-0.3,0.9-0.6,1.4-0.7c8.4-2.5,16.8-5,25.2-7.6c1.9-0.6,3.8-0.6,5.8,0c8.3,2.5,16.7,5,25,7.5 c0.5,0.2,1,0.4,1.5,0.7c0.6,0.4,0.6,1,0,1.4c-0.4,0.3-0.8,0.5-1.2,0.6c-8.3,2.8-16.7,5.6-25.1,8.3C52.1,50.9,51.1,51.1,49.9,51.1z" /> <path d="M33.3,51.5c-1.2-0.3-1.5,0.5-1.5,1.1c0,3.2,0,6.3,0,9.5c0,1.1,0.4,1.8,1.1,2.5c0.3,0.3,0.6,0.5,0.9,0.7 c2,1.4,4.3,2.3,6.7,2.9c4.7,1.3,9.5,1.5,14.3,0.9c3.1-0.4,6.2-1.2,9.1-2.5c1.3-0.6,2.5-1.3,3.4-2.3c0.6-0.6,0.9-1.2,0.8-2.1 c0.1-3,0.1-6.1,0.1-9.2c0-1.7-1.2-1.5-1.7-1.4c-4.4,1.5-8.9,2.9-13.3,4.4c-2.2,0.7-4.3,0.7-6.5,0L33.3,51.5z"/> <path d="M74.9,48.6c-0.4,0.1-0.5,0.3-0.5,0.7c0,2.8,0,5.6,0,8.4c0,0.3-0.1,0.6-0.2,0.9c-0.6,1.5-1.3,3-1.8,4.5 c-0.5,1.4-0.2,2.8,0.8,3.9c0.3,0.4,0.7,0.7,1.1,1c0.4,0.3,1,0.5,1.5,0.6c0.9,0.1,1.6-0.4,2.2-0.9c0.3-0.3,0.6-0.6,0.9-0.9 c0.7-0.9,0.9-2.2,0.6-3.4c-0.4-1.7-1.1-3.2-1.9-4.7c-0.2-0.3-0.3-0.7-0.3-1c0-3.1,0-6.1,0-9.2c0-0.6-0.5-0.5-0.7-0.4L74.9,48.6z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download