Add icons to this collection by clicking the heart icon.
Schedule icon - also known as technology, knowledge, online, schedule, calendar, website, program, browser, event, and time and date. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="c"
x1="1.812"
x2="66.291"
y1="67.188"
y2="2.709"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ab20ec" />
<stop offset="1" stop-color="#0071fc" />
</linearGradient>
<linearGradient
id="d"
x1="-2.688"
x2="61.791"
y1="62.688"
y2="-1.791"
href="#c"
/>
<linearGradient
id="e"
x1="6.812"
x2="71.291"
y1="72.188"
y2="7.709"
href="#c"
/>
<linearGradient
id="f"
x1="-5.188"
x2="59.291"
y1="60.188"
y2="-4.291"
href="#c"
/>
<linearGradient
id="g"
x1="5.812"
x2="70.291"
y1="71.188"
y2="6.709"
href="#c"
/>
<linearGradient
id="h"
x1="11.812"
x2="76.291"
y1="77.188"
y2="12.709"
href="#c"
/>
<linearGradient
id="i"
x1="-.188"
x2="64.291"
y1="65.188"
y2=".709"
href="#c"
/>
<linearGradient
id="j"
x1="-10.688"
x2="53.791"
y1="54.688"
y2="-9.791"
href="#c"
/>
<linearGradient
id="k"
x1="-.688"
x2="63.791"
y1="64.688"
y2=".209"
href="#c"
/>
<linearGradient
id="l"
x1=".33"
x2="64.809"
y1="65.706"
y2="1.227"
href="#c"
/>
<linearGradient
id="m"
x1="-.688"
x2="63.791"
y1="64.688"
y2=".209"
href="#c"
/>
<linearGradient
id="n"
x1="-26.188"
x2="38.291"
y1="39.188"
y2="-25.291"
href="#c"
/>
<linearGradient
id="o"
x1="-24.188"
x2="40.291"
y1="41.188"
y2="-23.291"
href="#c"
/>
<linearGradient
id="p"
x1="-22.188"
x2="42.291"
y1="43.188"
y2="-21.291"
href="#c"
/>
<linearGradient
id="q"
x1="-11.688"
x2="52.791"
y1="53.688"
y2="-10.791"
href="#c"
/>
<style>
.r {
fill: url(#l);
}
.s {
fill: url(#c);
}
.t {
fill: url(#m);
}
.u {
fill: url(#f);
}
.v {
fill: url(#p);
}
.w {
fill: url(#g);
}
.x {
fill: url(#i);
}
.y {
fill: url(#h);
}
.aa {
fill: url(#e);
}
.ab {
fill: url(#n);
}
.ac {
fill: url(#j);
}
.ad {
fill: url(#o);
}
.ae {
fill: url(#q);
}
.af {
fill: url(#k);
}
</style>
</defs>
<g id="b">
<path
d="M50 53H14c-1.654 0-3-1.346-3-3V24c0-1.654 1.346-3 3-3h36c1.654 0 3 1.346 3 3v26c0 1.654-1.346 3-3 3ZM14 23c-.551 0-1 .448-1 1v26c0 .552.449 1 1 1h36c.551 0 1-.448 1-1V24c0-.552-.449-1-1-1H14Z"
fill="url(#c)"
/>
<path d="M52 29H12a1 1 0 1 1 0-2h40a1 1 0 1 1 0 2Z" fill="url(#d)" />
<path
d="M47 39h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1Zm-5-2h4v-4h-4v4Z"
fill="url(#e)"
/>
<path
d="M23 39h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1Zm-5-2h4v-4h-4v4Z"
fill="url(#f)"
/>
<path
d="M35 49h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1Zm-5-2h4v-4h-4v4Z"
fill="url(#g)"
/>
<path
d="M47 49h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1Zm-5-2h4v-4h-4v4Z"
fill="url(#h)"
/>
<path
d="M23 49h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1Zm-5-2h4v-4h-4v4Z"
fill="url(#i)"
/>
<path
d="M22 26a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1Z"
fill="url(#j)"
/>
<path
d="M42 26a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1Z"
fill="url(#k)"
/>
<path
d="M31.072 38c-.25 0-.5-.093-.694-.28l-2.072-2a1 1 0 1 1 1.389-1.439l1.359 1.312 3.233-3.292a1 1 0 1 1 1.427 1.4l-3.928 4c-.196.2-.455.3-.713.3Z"
fill="url(#l)"
/>
<path
d="M60 63H4c-1.654 0-3-1.346-3-3V4c0-1.654 1.346-3 3-3h56c1.654 0 3 1.346 3 3v56c0 1.654-1.346 3-3 3ZM4 3c-.551 0-1 .448-1 1v56c0 .552.449 1 1 1h56c.551 0 1-.448 1-1V4c0-.552-.449-1-1-1H4Z"
fill="url(#m)"
/>
<circle cx="7" cy="6" r="1" fill="url(#n)" />
<circle cx="11" cy="6" r="1" fill="url(#o)" />
<circle cx="15" cy="6" r="1" fill="url(#p)" />
<path d="M62 11H2a1 1 0 1 1 0-2h60a1 1 0 1 1 0 2Z" fill="url(#q)" />
</g>
</svg>
More icons in the same style and category