Card_timeline Icon SVG
Card_timeline
Card_timeline SVG Icon Code | Customize color
You can get svg icon card_timeline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCard_timeline
DownloadSvg Code
<svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><path d="m2.49999999 1.5h-1c-.55228475 0-1 .44771525-1 1v8c0 .5522847.44771525 1 1 1h1c.55228475 0 1-.4477153 1-1v-8c0-.55228475-.44771525-1-1-1zm13.00000001 0h-1c-.5522848 0-1 .44771525-1 1v8c0 .5522847.4477152 1 1 1h1c.5522847 0 1-.4477153 1-1v-8c0-.55228475-.4477153-1-1-1zm-5-1h-4.00000001c-.55228475 0-1 .44771525-1 1v10c0 .5522847.44771525 1 1 1h4.00000001c.5522847 0 1-.4477153 1-1v-10c0-.55228475-.4477153-1-1-1z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"/></svg> Card_timeline
DownloadSvg Code
<svg style="color: white" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><path d="m2.49999999 1.5h-1c-.55228475 0-1 .44771525-1 1v8c0 .5522847.44771525 1 1 1h1c.55228475 0 1-.4477153 1-1v-8c0-.55228475-.44771525-1-1-1zm13.00000001 0h-1c-.5522848 0-1 .44771525-1 1v8c0 .5522847.4477152 1 1 1h1c.5522847 0 1-.4477153 1-1v-8c0-.55228475-.4477153-1-1-1zm-5-1h-4.00000001c-.55228475 0-1 .44771525-1 1v10c0 .5522847.44771525 1 1 1h4.00000001c.5522847 0 1-.4477153 1-1v-10c0-.55228475-.4477153-1-1-1z" fill="white" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"></path></svg> Card_timeline
DownloadSvg Code
<svg style="color: red" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><path d="m2.49999999 1.5h-1c-.55228475 0-1 .44771525-1 1v8c0 .5522847.44771525 1 1 1h1c.55228475 0 1-.4477153 1-1v-8c0-.55228475-.44771525-1-1-1zm13.00000001 0h-1c-.5522848 0-1 .44771525-1 1v8c0 .5522847.4477152 1 1 1h1c.5522847 0 1-.4477153 1-1v-8c0-.55228475-.4477153-1-1-1zm-5-1h-4.00000001c-.55228475 0-1 .44771525-1 1v10c0 .5522847.44771525 1 1 1h4.00000001c.5522847 0 1-.4477153 1-1v-10c0-.55228475-.4477153-1-1-1z" fill="red" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"></path></svg> Card_timeline
DownloadSvg Code
<svg style="color: blue" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><path d="m2.49999999 1.5h-1c-.55228475 0-1 .44771525-1 1v8c0 .5522847.44771525 1 1 1h1c.55228475 0 1-.4477153 1-1v-8c0-.55228475-.44771525-1-1-1zm13.00000001 0h-1c-.5522848 0-1 .44771525-1 1v8c0 .5522847.4477152 1 1 1h1c.5522847 0 1-.4477153 1-1v-8c0-.55228475-.4477153-1-1-1zm-5-1h-4.00000001c-.55228475 0-1 .44771525-1 1v10c0 .5522847.44771525 1 1 1h4.00000001c.5522847 0 1-.4477153 1-1v-10c0-.55228475-.4477153-1-1-1z" fill="blue" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"></path></svg> Card_timeline
DownloadSvg Code
<svg style="color: #f3da35" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><path d="m2.49999999 1.5h-1c-.55228475 0-1 .44771525-1 1v8c0 .5522847.44771525 1 1 1h1c.55228475 0 1-.4477153 1-1v-8c0-.55228475-.44771525-1-1-1zm13.00000001 0h-1c-.5522848 0-1 .44771525-1 1v8c0 .5522847.4477152 1 1 1h1c.5522847 0 1-.4477153 1-1v-8c0-.55228475-.4477153-1-1-1zm-5-1h-4.00000001c-.55228475 0-1 .44771525-1 1v10c0 .5522847.44771525 1 1 1h4.00000001c.5522847 0 1-.4477153 1-1v-10c0-.55228475-.4477153-1-1-1z" fill="#f3da35" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"></path></svg> Advance Editor
You can edit card_timeline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements