Tasks Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Tasks icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306638.svg" alt="Tasks icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306638.svg" alt="Tasks icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306638.svg" alt="Tasks icon" :width="24" :height="24" />
CSS background
.icon-tasks {
background-image: url('https://proicons.com/icon/306638.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M756 170h-96v-12c0-14-11-25-25-25h-66V88c0-14-11-26-25-26h-88c-14 0-25 12-25 26v45h-66c-14 0-25 11-25 25v12h-96c-20 0-36 16-36 36v696c0 19 16 36 36 36h512c19 0 35-17 35-36V206c0-20-16-36-35-36zM467 90h66c1 0 2 1 2 3v34h-71V93c0-2 1-3 3-3zm278 795c0 2-2 5-5 5H259c-2 0-5-3-5-5V228c0-3 3-5 5-5h84v38c0 14 11 25 24 25h265c14 0 25-11 25-25v-38h83c3 0 6 2 6 5v657zM450 508c-47 29-80 65-94 81l-35-28c-1 0-20 17-20 17l64 65c0 1 1 1 2 1s2-1 2-1c10-27 44-82 88-122 1-1 1-2 0-3 1 0-6-10-7-10zm243 52H503c-3 0-6 2-6 5v22c0 3 3 6 6 6h190c3 0 6-3 6-6v-22c0-3-3-5-6-5zM450 354c-47 29-81 65-94 81l-35-27c-1-1-21 16-20 17l64 65h2c1 0 2 0 2-1 10-27 44-82 88-122 1 0 1-1 0-3 0 1-6-10-7-10zm243 52H503c-3 0-6 2-6 5v22c0 4 3 6 6 6h190c3 0 6-2 6-6v-22c0-3-3-5-6-5zM450 662c-47 29-81 65-94 81l-35-28c-1 0-21 17-20 17l64 65c0 1 1 1 2 1s2-1 2-2c10-26 44-81 88-121 1-1 1-2 0-3 0 0-6-10-7-10zm243 51H503c-3 0-6 3-6 6v22c0 3 3 6 6 6h190c3 0 6-3 6-6v-22c0-3-3-6-6-6z"/></svg>
More from IcoFont
View all
Copied!