Hourglass Left Icon SVG
Hourglass Left
Hourglass left SVG Icon Code | Customize color
You can get svg icon hourglass left in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.5 13.5L6.5 15.5M18 7.5L17.1056 7.5C16.7107 7.5 16.3247 7.61688 15.9962 7.8359L13.1994 9.70039C12.4831 10.1779 11.5417 10.1435 10.8621 9.61499L8.04167 7.4213C7.6906 7.14824 7.25854 7 6.81379 7L5.70711 7C5.25435 7 4.82015 7.17986 4.5 7.5C4.17986 7.82014 4 8.25435 4 8.70711L4 16.2929C4 16.7456 4.17986 17.1799 4.5 17.5C4.82014 17.8201 5.25435 18 5.70711 18H6.81378C7.25854 18 7.6906 17.8518 8.04167 17.5787L10.8621 15.385C11.5417 14.8565 12.4831 14.8221 13.1994 15.2996L15.9962 17.1641C16.3247 17.3831 16.7107 17.5 17.1056 17.5H18C19.1046 17.5 20 16.6046 20 15.5V9.5C20 8.39543 19.1046 7.5 18 7.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.5 13.5L6.5 15.5M18 7.5L17.1056 7.5C16.7107 7.5 16.3247 7.61688 15.9962 7.8359L13.1994 9.70039C12.4831 10.1779 11.5417 10.1435 10.8621 9.61499L8.04167 7.4213C7.6906 7.14824 7.25854 7 6.81379 7L5.70711 7C5.25435 7 4.82015 7.17986 4.5 7.5C4.17986 7.82014 4 8.25435 4 8.70711L4 16.2929C4 16.7456 4.17986 17.1799 4.5 17.5C4.82014 17.8201 5.25435 18 5.70711 18H6.81378C7.25854 18 7.6906 17.8518 8.04167 17.5787L10.8621 15.385C11.5417 14.8565 12.4831 14.8221 13.1994 15.2996L15.9962 17.1641C16.3247 17.3831 16.7107 17.5 17.1056 17.5H18C19.1046 17.5 20 16.6046 20 15.5V9.5C20 8.39543 19.1046 7.5 18 7.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.5 13.5L6.5 15.5M18 7.5L17.1056 7.5C16.7107 7.5 16.3247 7.61688 15.9962 7.8359L13.1994 9.70039C12.4831 10.1779 11.5417 10.1435 10.8621 9.61499L8.04167 7.4213C7.6906 7.14824 7.25854 7 6.81379 7L5.70711 7C5.25435 7 4.82015 7.17986 4.5 7.5C4.17986 7.82014 4 8.25435 4 8.70711L4 16.2929C4 16.7456 4.17986 17.1799 4.5 17.5C4.82014 17.8201 5.25435 18 5.70711 18H6.81378C7.25854 18 7.6906 17.8518 8.04167 17.5787L10.8621 15.385C11.5417 14.8565 12.4831 14.8221 13.1994 15.2996L15.9962 17.1641C16.3247 17.3831 16.7107 17.5 17.1056 17.5H18C19.1046 17.5 20 16.6046 20 15.5V9.5C20 8.39543 19.1046 7.5 18 7.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.5 13.5L6.5 15.5M18 7.5L17.1056 7.5C16.7107 7.5 16.3247 7.61688 15.9962 7.8359L13.1994 9.70039C12.4831 10.1779 11.5417 10.1435 10.8621 9.61499L8.04167 7.4213C7.6906 7.14824 7.25854 7 6.81379 7L5.70711 7C5.25435 7 4.82015 7.17986 4.5 7.5C4.17986 7.82014 4 8.25435 4 8.70711L4 16.2929C4 16.7456 4.17986 17.1799 4.5 17.5C4.82014 17.8201 5.25435 18 5.70711 18H6.81378C7.25854 18 7.6906 17.8518 8.04167 17.5787L10.8621 15.385C11.5417 14.8565 12.4831 14.8221 13.1994 15.2996L15.9962 17.1641C16.3247 17.3831 16.7107 17.5 17.1056 17.5H18C19.1046 17.5 20 16.6046 20 15.5V9.5C20 8.39543 19.1046 7.5 18 7.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.5 13.5L6.5 15.5M18 7.5L17.1056 7.5C16.7107 7.5 16.3247 7.61688 15.9962 7.8359L13.1994 9.70039C12.4831 10.1779 11.5417 10.1435 10.8621 9.61499L8.04167 7.4213C7.6906 7.14824 7.25854 7 6.81379 7L5.70711 7C5.25435 7 4.82015 7.17986 4.5 7.5C4.17986 7.82014 4 8.25435 4 8.70711L4 16.2929C4 16.7456 4.17986 17.1799 4.5 17.5C4.82014 17.8201 5.25435 18 5.70711 18H6.81378C7.25854 18 7.6906 17.8518 8.04167 17.5787L10.8621 15.385C11.5417 14.8565 12.4831 14.8221 13.1994 15.2996L15.9962 17.1641C16.3247 17.3831 16.7107 17.5 17.1056 17.5H18C19.1046 17.5 20 16.6046 20 15.5V9.5C20 8.39543 19.1046 7.5 18 7.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg>
Advance Editor
You can edit hourglass left as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements