SVG
Viewer
Dark mode
Light mode
Hide sidebar
Brush
Colored Object Line 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
2.25 KB
1.58 KB
-30%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: PD. Made by Juan Sarmiento: https://tympanus.net/codrops/2015/12/23/freebie-colored-line-icons-svg-ai-png/ --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve"> <path fill="#31CFFF" d="M21,28c0-0.553-0.447-1-1-1H9c-0.552,0-4,0.447-4,1H4c0,0.553-1.552,1-1,1h17C20.553,29,21,28.553,21,28 L21,28z"/> <path fill="#BCBCBC" d="M17.38,18.09c-2.09,1.49-4.16,2.97-5.48,3.91c-0.06,0.04-0.12,0.09-0.18,0.13c-0.08-0.18-0.19-0.35-0.3-0.52 c-0.12-0.181-0.26-0.351-0.42-0.5c0.93-1.32,2.42-3.4,3.91-5.49L17.38,18.09z"/> <path fill="#2D2220" d="M28.48,3.53c-1-1-1.95-0.33-2.261-0.11c-0.09,0.06-10.85,7.41-13.07,10.52L8.8,20.02 c-0.19-0.01-0.38-0.01-0.56,0.021c-1.93,0.36-3.17,1.68-3.85,3.64c-0.34,0.98-1.01,3.511-1.57,5.5c2-0.56,4.52-1.229,5.5-1.569 c1.97-0.681,3.29-1.91,3.65-3.841c0.03-0.199,0.04-0.399,0.02-0.6l6.05-4.33c2.75-1.97,9.29-11.22,10.58-13.06 C29.17,5,29.12,4.16,28.48,3.53z M10.99,23.57c-0.27,1.479-1.25,2.5-3.01,3.1c-0.48,0.17-3.34,1.01-3.73,1.11 c0.09-0.4,0.93-3.271,1.1-3.75c0.61-1.761,1.62-2.74,3.1-3.011c0.56-0.109,1.26,0.171,1.81,0.721C10.81,22.3,11.1,23,10.99,23.57z M11.72,22.13c-0.37-0.79-1.06-1.479-1.85-1.84c0.67-0.95,1.69-2.37,2.79-3.92l2.97,2.97C14.08,20.44,12.67,21.45,11.72,22.13z M16.46,18.75l-3.21-3.21c0.22-0.3,0.44-0.61,0.66-0.92l3.47,3.47C17.07,18.31,16.76,18.53,16.46,18.75z M27.82,5.14 c-0.99,1.41-6.771,9.62-9.67,12.31l-3.601-3.6c2.69-2.9,10.92-8.66,12.33-9.65c0.32-0.22,0.561-0.32,0.91,0.03 C28.08,4.51,28.05,4.82,27.82,5.14z"/> <path fill="#31CFFF" d="M10.99,23.57c-0.27,1.479-1.25,2.5-3.01,3.1c-0.28,0.1-1.39,0.43-2.34,0.71c0.28-0.95,0.61-2.07,0.71-2.35 c0.61-1.761,1.62-2.74,3.1-3.011c0.38-0.069,0.83,0.03,1.24,0.28C10.95,22.72,11.07,23.18,10.99,23.57z"/> <path fill="#E371FF" d="M27.67,5.35c-1.31,1.87-6.74,9.52-9.52,12.1l-2.601-2.6C18.13,12.07,25.8,6.66,27.67,5.35z"/> <circle fill="#31CFFF" cx="26" cy="28" r="1"/> <circle fill="#31CFFF" cx="29" cy="28" r="1"/> <circle fill="#31CFFF" cx="23" cy="28" r="1"/> </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
2.25 KB
1.58 KB
-30%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: PD. Made by Juan Sarmiento: https://tympanus.net/codrops/2015/12/23/freebie-colored-line-icons-svg-ai-png/ --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve"> <path fill="#31CFFF" d="M21,28c0-0.553-0.447-1-1-1H9c-0.552,0-4,0.447-4,1H4c0,0.553-1.552,1-1,1h17C20.553,29,21,28.553,21,28 L21,28z"/> <path fill="#BCBCBC" d="M17.38,18.09c-2.09,1.49-4.16,2.97-5.48,3.91c-0.06,0.04-0.12,0.09-0.18,0.13c-0.08-0.18-0.19-0.35-0.3-0.52 c-0.12-0.181-0.26-0.351-0.42-0.5c0.93-1.32,2.42-3.4,3.91-5.49L17.38,18.09z"/> <path fill="#2D2220" d="M28.48,3.53c-1-1-1.95-0.33-2.261-0.11c-0.09,0.06-10.85,7.41-13.07,10.52L8.8,20.02 c-0.19-0.01-0.38-0.01-0.56,0.021c-1.93,0.36-3.17,1.68-3.85,3.64c-0.34,0.98-1.01,3.511-1.57,5.5c2-0.56,4.52-1.229,5.5-1.569 c1.97-0.681,3.29-1.91,3.65-3.841c0.03-0.199,0.04-0.399,0.02-0.6l6.05-4.33c2.75-1.97,9.29-11.22,10.58-13.06 C29.17,5,29.12,4.16,28.48,3.53z M10.99,23.57c-0.27,1.479-1.25,2.5-3.01,3.1c-0.48,0.17-3.34,1.01-3.73,1.11 c0.09-0.4,0.93-3.271,1.1-3.75c0.61-1.761,1.62-2.74,3.1-3.011c0.56-0.109,1.26,0.171,1.81,0.721C10.81,22.3,11.1,23,10.99,23.57z M11.72,22.13c-0.37-0.79-1.06-1.479-1.85-1.84c0.67-0.95,1.69-2.37,2.79-3.92l2.97,2.97C14.08,20.44,12.67,21.45,11.72,22.13z M16.46,18.75l-3.21-3.21c0.22-0.3,0.44-0.61,0.66-0.92l3.47,3.47C17.07,18.31,16.76,18.53,16.46,18.75z M27.82,5.14 c-0.99,1.41-6.771,9.62-9.67,12.31l-3.601-3.6c2.69-2.9,10.92-8.66,12.33-9.65c0.32-0.22,0.561-0.32,0.91,0.03 C28.08,4.51,28.05,4.82,27.82,5.14z"/> <path fill="#31CFFF" d="M10.99,23.57c-0.27,1.479-1.25,2.5-3.01,3.1c-0.28,0.1-1.39,0.43-2.34,0.71c0.28-0.95,0.61-2.07,0.71-2.35 c0.61-1.761,1.62-2.74,3.1-3.011c0.38-0.069,0.83,0.03,1.24,0.28C10.95,22.72,11.07,23.18,10.99,23.57z"/> <path fill="#E371FF" d="M27.67,5.35c-1.31,1.87-6.74,9.52-9.52,12.1l-2.601-2.6C18.13,12.07,25.8,6.66,27.67,5.35z"/> <circle fill="#31CFFF" cx="26" cy="28" r="1"/> <circle fill="#31CFFF" cx="29" cy="28" r="1"/> <circle fill="#31CFFF" cx="23" cy="28" r="1"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download