Hourglass Right Icon SVG
Hourglass Right
Hourglass right SVG Icon Code | Customize color
You can get svg icon hourglass right in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 13.5V15.5M6 7.5L6.89445 7.5C7.2893 7.5 7.67531 7.61688 8.00385 7.8359L10.8006 9.70039C11.5169 10.1779 12.4583 10.1435 13.1379 9.61499L15.9583 7.4213C16.3094 7.14824 16.7415 7 17.1862 7L18.2929 7C18.7456 7 19.1799 7.17986 19.5 7.5C19.8201 7.82014 20 8.25435 20 8.70711V16.2929C20 16.7456 19.8201 17.1799 19.5 17.5C19.1799 17.8201 18.7456 18 18.2929 18H17.1862C16.7415 18 16.3094 17.8518 15.9583 17.5787L13.1379 15.385C12.4583 14.8565 11.5169 14.8221 10.8006 15.2996L8.00385 17.1641C7.67531 17.3831 7.2893 17.5 6.89445 17.5H6C4.89543 17.5 4 16.6046 4 15.5L4 9.5C4 8.39543 4.89543 7.5 6 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="M17.5 13.5V15.5M6 7.5L6.89445 7.5C7.2893 7.5 7.67531 7.61688 8.00385 7.8359L10.8006 9.70039C11.5169 10.1779 12.4583 10.1435 13.1379 9.61499L15.9583 7.4213C16.3094 7.14824 16.7415 7 17.1862 7L18.2929 7C18.7456 7 19.1799 7.17986 19.5 7.5C19.8201 7.82014 20 8.25435 20 8.70711V16.2929C20 16.7456 19.8201 17.1799 19.5 17.5C19.1799 17.8201 18.7456 18 18.2929 18H17.1862C16.7415 18 16.3094 17.8518 15.9583 17.5787L13.1379 15.385C12.4583 14.8565 11.5169 14.8221 10.8006 15.2996L8.00385 17.1641C7.67531 17.3831 7.2893 17.5 6.89445 17.5H6C4.89543 17.5 4 16.6046 4 15.5L4 9.5C4 8.39543 4.89543 7.5 6 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="M17.5 13.5V15.5M6 7.5L6.89445 7.5C7.2893 7.5 7.67531 7.61688 8.00385 7.8359L10.8006 9.70039C11.5169 10.1779 12.4583 10.1435 13.1379 9.61499L15.9583 7.4213C16.3094 7.14824 16.7415 7 17.1862 7L18.2929 7C18.7456 7 19.1799 7.17986 19.5 7.5C19.8201 7.82014 20 8.25435 20 8.70711V16.2929C20 16.7456 19.8201 17.1799 19.5 17.5C19.1799 17.8201 18.7456 18 18.2929 18H17.1862C16.7415 18 16.3094 17.8518 15.9583 17.5787L13.1379 15.385C12.4583 14.8565 11.5169 14.8221 10.8006 15.2996L8.00385 17.1641C7.67531 17.3831 7.2893 17.5 6.89445 17.5H6C4.89543 17.5 4 16.6046 4 15.5L4 9.5C4 8.39543 4.89543 7.5 6 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="M17.5 13.5V15.5M6 7.5L6.89445 7.5C7.2893 7.5 7.67531 7.61688 8.00385 7.8359L10.8006 9.70039C11.5169 10.1779 12.4583 10.1435 13.1379 9.61499L15.9583 7.4213C16.3094 7.14824 16.7415 7 17.1862 7L18.2929 7C18.7456 7 19.1799 7.17986 19.5 7.5C19.8201 7.82014 20 8.25435 20 8.70711V16.2929C20 16.7456 19.8201 17.1799 19.5 17.5C19.1799 17.8201 18.7456 18 18.2929 18H17.1862C16.7415 18 16.3094 17.8518 15.9583 17.5787L13.1379 15.385C12.4583 14.8565 11.5169 14.8221 10.8006 15.2996L8.00385 17.1641C7.67531 17.3831 7.2893 17.5 6.89445 17.5H6C4.89543 17.5 4 16.6046 4 15.5L4 9.5C4 8.39543 4.89543 7.5 6 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="M17.5 13.5V15.5M6 7.5L6.89445 7.5C7.2893 7.5 7.67531 7.61688 8.00385 7.8359L10.8006 9.70039C11.5169 10.1779 12.4583 10.1435 13.1379 9.61499L15.9583 7.4213C16.3094 7.14824 16.7415 7 17.1862 7L18.2929 7C18.7456 7 19.1799 7.17986 19.5 7.5C19.8201 7.82014 20 8.25435 20 8.70711V16.2929C20 16.7456 19.8201 17.1799 19.5 17.5C19.1799 17.8201 18.7456 18 18.2929 18H17.1862C16.7415 18 16.3094 17.8518 15.9583 17.5787L13.1379 15.385C12.4583 14.8565 11.5169 14.8221 10.8006 15.2996L8.00385 17.1641C7.67531 17.3831 7.2893 17.5 6.89445 17.5H6C4.89543 17.5 4 16.6046 4 15.5L4 9.5C4 8.39543 4.89543 7.5 6 7.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit hourglass right as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements