SVG
Viewer
Dark mode
Light mode
Hide sidebar
Hourglass
User Interface 4
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.65 KB
1.67 KB
-37%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/157245/hourglass --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#5EBAE7;" d="M255.999,232L255.999,232c-53.019,0-96-42.981-96-96V40h192v96C352,189.019,309.019,232,255.999,232z "/> <path style="fill:#36A9E1;" d="M279.999,232V40h72V147.66C352,147.66,351.179,202.013,279.999,232z"/> <path style="fill:#5EBAE7;" d="M255.999,280L255.999,280c-53.019,0-96,42.981-96,96v96h192v-96C352,322.98,309.019,280,255.999,280z "/> <path style="fill:#36A9E1;" d="M352,360c2.438,42.109,0,112,0,112h-72V283.024C279.999,283.024,348.741,303.717,352,360z"/> <rect x="145.163" y="8" style="fill:#D5C9B3;" width="222.828" height="32"/> <rect x="287.996" y="8" style="fill:#CBBBA0;" width="80" height="32"/> <rect x="145.163" y="472.001" style="fill:#D5C9B3;" width="222.828" height="32"/> <rect x="287.996" y="472.001" style="fill:#CBBBA0;" width="80" height="32"/> <g> <path style="fill:#1D1D1B;" d="M136,0v48h15.999v88c0,57.345,46.654,104,104,104s104-46.654,104-104V48h16V0H136z M343.999,136 c0,48.524-39.476,88-88,88s-88-39.476-88-88V48h176V136z M360,32H152V16H360V32z"/> <path style="fill:#1D1D1B;" d="M360,376c0-57.345-46.655-104-104-104s-104,46.654-104,104v88H136v48H376v-48h-16V376z M167.999,376 c0-48.524,39.476-88,88-88s88,39.476,88,88v88h-176V376z M360,496H152v-16H360V496z"/> <rect x="232.005" y="247.998" style="fill:#1D1D1B;" width="47.999" height="16"/> </g> <g> <rect x="211.999" y="84.685" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 307.6812 319.4432)" style="fill:#FFFFFF;" width="16" height="22.627"/> <rect x="247.998" y="53.769" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 354.9971 379.0287)" style="fill:#FFFFFF;" width="16" height="124.445"/> <rect x="267.995" y="129.359" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 363.6815 454.6154)" style="fill:#FFFFFF;" width="16" height="45.255"/> <rect x="211.994" y="348.682" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 120.998 770.1091)" style="fill:#FFFFFF;" width="16" height="22.627"/> <rect x="248" y="317.774" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 168.3172 829.7227)" style="fill:#FFFFFF;" width="16" height="124.456"/> <rect x="268" y="393.366" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 177.0088 905.3064)" style="fill:#FFFFFF;" width="16" height="45.255"/> </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
Set Dimensions
Change dimensions
Optimize
2.65 KB
1.67 KB
-37%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/157245/hourglass --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#5EBAE7;" d="M255.999,232L255.999,232c-53.019,0-96-42.981-96-96V40h192v96C352,189.019,309.019,232,255.999,232z "/> <path style="fill:#36A9E1;" d="M279.999,232V40h72V147.66C352,147.66,351.179,202.013,279.999,232z"/> <path style="fill:#5EBAE7;" d="M255.999,280L255.999,280c-53.019,0-96,42.981-96,96v96h192v-96C352,322.98,309.019,280,255.999,280z "/> <path style="fill:#36A9E1;" d="M352,360c2.438,42.109,0,112,0,112h-72V283.024C279.999,283.024,348.741,303.717,352,360z"/> <rect x="145.163" y="8" style="fill:#D5C9B3;" width="222.828" height="32"/> <rect x="287.996" y="8" style="fill:#CBBBA0;" width="80" height="32"/> <rect x="145.163" y="472.001" style="fill:#D5C9B3;" width="222.828" height="32"/> <rect x="287.996" y="472.001" style="fill:#CBBBA0;" width="80" height="32"/> <g> <path style="fill:#1D1D1B;" d="M136,0v48h15.999v88c0,57.345,46.654,104,104,104s104-46.654,104-104V48h16V0H136z M343.999,136 c0,48.524-39.476,88-88,88s-88-39.476-88-88V48h176V136z M360,32H152V16H360V32z"/> <path style="fill:#1D1D1B;" d="M360,376c0-57.345-46.655-104-104-104s-104,46.654-104,104v88H136v48H376v-48h-16V376z M167.999,376 c0-48.524,39.476-88,88-88s88,39.476,88,88v88h-176V376z M360,496H152v-16H360V496z"/> <rect x="232.005" y="247.998" style="fill:#1D1D1B;" width="47.999" height="16"/> </g> <g> <rect x="211.999" y="84.685" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 307.6812 319.4432)" style="fill:#FFFFFF;" width="16" height="22.627"/> <rect x="247.998" y="53.769" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 354.9971 379.0287)" style="fill:#FFFFFF;" width="16" height="124.445"/> <rect x="267.995" y="129.359" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 363.6815 454.6154)" style="fill:#FFFFFF;" width="16" height="45.255"/> <rect x="211.994" y="348.682" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 120.998 770.1091)" style="fill:#FFFFFF;" width="16" height="22.627"/> <rect x="248" y="317.774" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 168.3172 829.7227)" style="fill:#FFFFFF;" width="16" height="124.456"/> <rect x="268" y="393.366" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 177.0088 905.3064)" style="fill:#FFFFFF;" width="16" height="45.255"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download