Creation Date Sort Icon SVG
Creation Date Sort
Creation date sort SVG Icon Code | Customize color
You can get svg icon creation date sort in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCreation date sort
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M6 5V30.0036H42V5" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 37L24 43L18 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 30V43" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.001 15.001L32.001 15.001" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M24 7V23" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Creation date sort
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M6 5V30.0036H42V5" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M30 37L24 43L18 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 30V43" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M16.001 15.001L32.001 15.001" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M24 7V23" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Creation date sort
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M6 5V30.0036H42V5" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M30 37L24 43L18 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 30V43" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M16.001 15.001L32.001 15.001" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M24 7V23" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Creation date sort
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M6 5V30.0036H42V5" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M30 37L24 43L18 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 30V43" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M16.001 15.001L32.001 15.001" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M24 7V23" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Creation date sort
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M6 5V30.0036H42V5" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M30 37L24 43L18 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 30V43" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M16.001 15.001L32.001 15.001" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M24 7V23" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit creation date sort as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements