SVG
Viewer
Dark mode
Light mode
Hide sidebar
Locate
Pictogram Action 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
1.44 KB
536 bytes
-64%
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"?> <!-- License: CC NC Attribution. Made by Jo Szczepanska: https://joszczepanska.com/ --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .pictogram_een{fill:#F4D6B0;} .pictogram_drie{fill:#F27261;} .pictogram_vier{fill:#E54D2E;} .pictogram_zes{fill:#0C6667;} .st0{fill:#01A59C;} .st1{fill:#F8AD89;} .st2{fill:none;} .st3{clip-path:url(#SVGID_2_);fill:#F27261;} .st4{clip-path:url(#SVGID_2_);fill:none;} .st5{clip-path:url(#SVGID_6_);fill:#F4D6B0;} .st6{clip-path:url(#SVGID_8_);fill:#F27261;} .st7{clip-path:url(#SVGID_8_);fill:none;} .st8{clip-path:url(#SVGID_10_);fill:#F27261;} .st9{clip-path:url(#SVGID_10_);fill:none;} .st10{fill:#F4D6B0;} </style> <g> <path class="pictogram_een" d="M32,29c0,1.65-1.35,3-3,3H3c-1.65,0-3-1.35-3-3V3c0-1.65,1.35-3,3-3h26c1.65,0,3,1.35,3,3V29z"/> <path class="pictogram_zes" d="M16,30l-4-6H0v5c0,1.65,1.35,3,3,3h26c1.65,0,3-1.35,3-3v-5H20L16,30z"/> <path class="pictogram_vier" d="M16,8V2C10.477,2,6,6.477,6,12c0,3.764,0.899,4.349,10,18c0-10.844,0-3.27,0-14 c-2.209,0-4-1.791-4-4C12,9.791,13.791,8,16,8z"/> <path class="pictogram_drie" d="M26,12c0-5.523-4.477-10-10-10v6c2.209,0,4,1.791,4,4c0,2.209-1.791,4-4,4c0,10.73,0,3.156,0,14 C25.08,16.38,26,15.768,26,12z"/> </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
1.44 KB
536 bytes
-64%
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"?> <!-- License: CC NC Attribution. Made by Jo Szczepanska: https://joszczepanska.com/ --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .pictogram_een{fill:#F4D6B0;} .pictogram_drie{fill:#F27261;} .pictogram_vier{fill:#E54D2E;} .pictogram_zes{fill:#0C6667;} .st0{fill:#01A59C;} .st1{fill:#F8AD89;} .st2{fill:none;} .st3{clip-path:url(#SVGID_2_);fill:#F27261;} .st4{clip-path:url(#SVGID_2_);fill:none;} .st5{clip-path:url(#SVGID_6_);fill:#F4D6B0;} .st6{clip-path:url(#SVGID_8_);fill:#F27261;} .st7{clip-path:url(#SVGID_8_);fill:none;} .st8{clip-path:url(#SVGID_10_);fill:#F27261;} .st9{clip-path:url(#SVGID_10_);fill:none;} .st10{fill:#F4D6B0;} </style> <g> <path class="pictogram_een" d="M32,29c0,1.65-1.35,3-3,3H3c-1.65,0-3-1.35-3-3V3c0-1.65,1.35-3,3-3h26c1.65,0,3,1.35,3,3V29z"/> <path class="pictogram_zes" d="M16,30l-4-6H0v5c0,1.65,1.35,3,3,3h26c1.65,0,3-1.35,3-3v-5H20L16,30z"/> <path class="pictogram_vier" d="M16,8V2C10.477,2,6,6.477,6,12c0,3.764,0.899,4.349,10,18c0-10.844,0-3.27,0-14 c-2.209,0-4-1.791-4-4C12,9.791,13.791,8,16,8z"/> <path class="pictogram_drie" d="M26,12c0-5.523-4.477-10-10-10v6c2.209,0,4,1.791,4,4c0,2.209-1.791,4-4,4c0,10.73,0,3.156,0,14 C25.08,16.38,26,15.768,26,12z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download