SVG
Viewer
Dark mode
Light mode
Hide sidebar
Cap Education Hat
Education Flat Filled 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
889 bytes
694 bytes
-22%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Justicon: https://dribbble.com/Justicon --> <svg width="800px" height="800px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#203442;}.cls-2{fill:#4c5665;}.cls-3{fill:#ecf0f1;}.cls-4{fill:#face53;}</style> </defs> <title/> <g id="Education"> <path class="cls-1" d="M24.5,34h0C15.94,34,9,30.154,9,24V14H40V24C40,29.171,33.06,34,24.5,34Z"/> <path class="cls-2" d="M46.171,9.991,27.3.764a7.518,7.518,0,0,0-6.6,0L1.829,9.991a3.26,3.26,0,0,0,.15,5.927L4.5,17l16.543,7.079a7.517,7.517,0,0,0,5.914,0L43.5,17l2.521-1.078A3.26,3.26,0,0,0,46.171,9.991Z"/> <path class="cls-3" d="M40,38a1,1,0,0,1-1-1V19.361L24.918,12.14a1,1,0,1,1,.914-1.78L41,18.139V37A1,1,0,0,1,40,38Z"/> <ellipse class="cls-1" cx="24.5" cy="11" rx="4.5" ry="3"/> <circle class="cls-4" cx="40" cy="39" r="4"/> </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
889 bytes
694 bytes
-22%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Justicon: https://dribbble.com/Justicon --> <svg width="800px" height="800px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#203442;}.cls-2{fill:#4c5665;}.cls-3{fill:#ecf0f1;}.cls-4{fill:#face53;}</style> </defs> <title/> <g id="Education"> <path class="cls-1" d="M24.5,34h0C15.94,34,9,30.154,9,24V14H40V24C40,29.171,33.06,34,24.5,34Z"/> <path class="cls-2" d="M46.171,9.991,27.3.764a7.518,7.518,0,0,0-6.6,0L1.829,9.991a3.26,3.26,0,0,0,.15,5.927L4.5,17l16.543,7.079a7.517,7.517,0,0,0,5.914,0L43.5,17l2.521-1.078A3.26,3.26,0,0,0,46.171,9.991Z"/> <path class="cls-3" d="M40,38a1,1,0,0,1-1-1V19.361L24.918,12.14a1,1,0,1,1,.914-1.78L41,18.139V37A1,1,0,0,1,40,38Z"/> <ellipse class="cls-1" cx="24.5" cy="11" rx="4.5" ry="3"/> <circle class="cls-4" cx="40" cy="39" r="4"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download