Timeout Icon SVG
Timeout
Timeout SVG Icon Code | Customize color
You can get svg icon timeout in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.77428,5.21521,6.32573,3.76666A9.99542,9.99542,0,0,1,20.23009,17.671l-1.44531-1.44531A7.9899,7.9899,0,0,0,7.77428,5.21521ZM20.36217,20.36377l-1.27869,1.27875-1.41315-1.41315A9.9948,9.9948,0,0,1,3.76775,6.32678L2.35722,4.91626,3.63591,3.63751l1.291,1.291L6.34337,6.34174,11,11.00159V7h1.5v5.25L17,14.92l-.75,1.23-.254-.1524Zm-4.13654-1.5791-5.79236-5.79236-5.21795-5.218A7.9897,7.9897,0,0,0,16.22563,18.78467Z"/></svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.77428,5.21521,6.32573,3.76666A9.99542,9.99542,0,0,1,20.23009,17.671l-1.44531-1.44531A7.9899,7.9899,0,0,0,7.77428,5.21521ZM20.36217,20.36377l-1.27869,1.27875-1.41315-1.41315A9.9948,9.9948,0,0,1,3.76775,6.32678L2.35722,4.91626,3.63591,3.63751l1.291,1.291L6.34337,6.34174,11,11.00159V7h1.5v5.25L17,14.92l-.75,1.23-.254-.1524Zm-4.13654-1.5791-5.79236-5.79236-5.21795-5.218A7.9897,7.9897,0,0,0,16.22563,18.78467Z" fill="white"></path></svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.77428,5.21521,6.32573,3.76666A9.99542,9.99542,0,0,1,20.23009,17.671l-1.44531-1.44531A7.9899,7.9899,0,0,0,7.77428,5.21521ZM20.36217,20.36377l-1.27869,1.27875-1.41315-1.41315A9.9948,9.9948,0,0,1,3.76775,6.32678L2.35722,4.91626,3.63591,3.63751l1.291,1.291L6.34337,6.34174,11,11.00159V7h1.5v5.25L17,14.92l-.75,1.23-.254-.1524Zm-4.13654-1.5791-5.79236-5.79236-5.21795-5.218A7.9897,7.9897,0,0,0,16.22563,18.78467Z" fill="red"></path></svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.77428,5.21521,6.32573,3.76666A9.99542,9.99542,0,0,1,20.23009,17.671l-1.44531-1.44531A7.9899,7.9899,0,0,0,7.77428,5.21521ZM20.36217,20.36377l-1.27869,1.27875-1.41315-1.41315A9.9948,9.9948,0,0,1,3.76775,6.32678L2.35722,4.91626,3.63591,3.63751l1.291,1.291L6.34337,6.34174,11,11.00159V7h1.5v5.25L17,14.92l-.75,1.23-.254-.1524Zm-4.13654-1.5791-5.79236-5.79236-5.21795-5.218A7.9897,7.9897,0,0,0,16.22563,18.78467Z" fill="blue"></path></svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.77428,5.21521,6.32573,3.76666A9.99542,9.99542,0,0,1,20.23009,17.671l-1.44531-1.44531A7.9899,7.9899,0,0,0,7.77428,5.21521ZM20.36217,20.36377l-1.27869,1.27875-1.41315-1.41315A9.9948,9.9948,0,0,1,3.76775,6.32678L2.35722,4.91626,3.63591,3.63751l1.291,1.291L6.34337,6.34174,11,11.00159V7h1.5v5.25L17,14.92l-.75,1.23-.254-.1524Zm-4.13654-1.5791-5.79236-5.79236-5.21795-5.218A7.9897,7.9897,0,0,0,16.22563,18.78467Z" fill="#f3da35"></path></svg> Advance Editor
You can edit timeout as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements