Add icons to this collection by clicking the heart icon.
Add Event icon - also known as add, plus, calendar, time and date, and add event. Created in a clean flat 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 96 96"
>
<linearGradient
id="b"
x1="8"
x2="88"
y1="50"
y2="50"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f1f2f2" />
<stop offset=".511" stop-color="#eff0f0" />
<stop offset=".695" stop-color="#e8eaea" />
<stop offset=".826" stop-color="#dddedf" />
<stop offset=".931" stop-color="#cccdcf" />
<stop offset="1" stop-color="#bcbec0" />
</linearGradient>
<linearGradient
id="c"
x1="16.007"
x2="81.668"
y1="5.374"
y2="43.283"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1763d6" />
<stop offset=".35" stop-color="#1861d3" />
<stop offset=".558" stop-color="#1b5bcb" />
<stop offset=".728" stop-color="#1f51bd" />
<stop offset=".877" stop-color="#2642a9" />
<stop offset="1" stop-color="#2e3192" />
</linearGradient>
<linearGradient
id="a"
x1="72.545"
x2="77.455"
y1="17.443"
y2="17.443"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1763d6" />
<stop offset=".423" stop-color="#2348b2" />
<stop offset=".778" stop-color="#2b379b" />
<stop offset="1" stop-color="#2e3192" />
</linearGradient>
<linearGradient
id="d"
x1="54.545"
x2="59.455"
y1="17.443"
y2="17.443"
href="#a"
/>
<linearGradient
id="e"
x1="36.545"
x2="41.455"
y1="17.443"
y2="17.443"
href="#a"
/>
<linearGradient
id="f"
x1="18.545"
x2="23.455"
y1="17.443"
y2="17.443"
href="#a"
/>
<linearGradient id="g" x1="29" x2="67" y1="58" y2="58" href="#a" />
<g>
<path
fill="#426dba"
d="M8 78.535A6.465 6.465 0 0 0 14.465 85h67.07A6.465 6.465 0 0 0 88 78.535V31H8z"
/>
<path
fill="#6b92c9"
d="M59 85H14.465A6.465 6.465 0 0 1 8 78.535V19a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4v40c0 16.24-11 22-29 26z"
/>
<path
fill="url(#b)"
d="M55.397 85H14.465A6.465 6.465 0 0 1 8 78.535V19a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4v40c0 4.972-5.167 4.706-7.671 4.285a1.614 1.614 0 0 0-1.784 1.014c-1.49 3.882-6.873 15.42-19.66 20.081a10.197 10.197 0 0 1-3.488.62z"
/>
<path
fill="url(#c)"
d="M84 15H12a4 4 0 0 0-4 4v12h80V19a4 4 0 0 0-4-4z"
/>
<circle cx="75" cy="21.832" r="4" fill="#2485ce" />
<path
fill="url(#a)"
d="M77.455 12.796v9.294a2.025 2.025 0 0 1-2.19 1.796h-.53a2.025 2.025 0 0 1-2.19-1.796v-9.294A2.025 2.025 0 0 1 74.735 11h.53a2.025 2.025 0 0 1 2.19 1.796z"
/>
<circle cx="57" cy="21.832" r="4" fill="#2485ce" />
<path
fill="url(#d)"
d="M59.455 12.796v9.294a2.025 2.025 0 0 1-2.19 1.796h-.53a2.025 2.025 0 0 1-2.19-1.796v-9.294A2.025 2.025 0 0 1 56.735 11h.53a2.025 2.025 0 0 1 2.19 1.796z"
/>
<circle cx="39" cy="21.832" r="4" fill="#2485ce" />
<path
fill="url(#e)"
d="M41.455 12.796v9.294a2.025 2.025 0 0 1-2.19 1.796h-.53a2.025 2.025 0 0 1-2.19-1.796v-9.294A2.025 2.025 0 0 1 38.735 11h.53a2.025 2.025 0 0 1 2.19 1.796z"
/>
<circle cx="21" cy="21.832" r="4" fill="#2485ce" />
<path
fill="url(#f)"
d="M23.455 12.796v9.294a2.025 2.025 0 0 1-2.19 1.796h-.53a2.025 2.025 0 0 1-2.19-1.796v-9.294A2.025 2.025 0 0 1 20.735 11h.53a2.025 2.025 0 0 1 2.19 1.796z"
/>
<path
fill="url(#g)"
d="M48 75.875a1 1 0 0 1-1-1V59H30a1 1 0 0 1 0-2h17V41.125a1 1 0 0 1 2 0V57h17a1 1 0 0 1 0 2H49v15.875a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category