Add icons to this collection by clicking the heart icon.
Clipboard icon - also known as education, checking, clipboard, list, checklist, task, and files and folders. Created in a clean flat gradient style with a white finish, 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 32 32"
>
<linearGradient
id="c"
x1="6"
x2="26"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="d"
x1="10"
x2="22"
y1="6.5"
y2="6.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient
id="e"
x1="4.47"
x2="28.52"
y1="4.69"
y2="4.38"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe0b2" />
<stop offset="1" stop-color="#ffb74d" />
</linearGradient>
<linearGradient
id="a"
x1="10"
x2="16"
y1="14.5"
y2="14.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="b"
x1="19.37"
x2="26"
y1="27.11"
y2="27.11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="f" x1="14" x2="18" y1="6" y2="6" href="#a" />
<linearGradient
id="g"
x1="15"
x2="17"
y1="6"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef9a9a" />
<stop offset="1" stop-color="#e57373" />
</linearGradient>
<linearGradient id="h" x1="19" x2="25.63" y1="26.89" y2="26.89" href="#b" />
<g>
<path
fill="url(#c)"
d="M25 6h-4a1 1 0 0 0-1 1v2h-8V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-3h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"
/>
<path
d="M12 7H8a1 1 0 0 0-1 1v22a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zM26 7h-4a1 1 0 0 0-1 1v2h-8V9h7V7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zM13 8v1h-1V7a1 1 0 0 1 1 1z"
opacity=".1"
/>
<path
fill="url(#d)"
d="M21 5h-1.13a4 4 0 0 0-7.74 0H11a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M22 6v1a1 1 0 0 0-1-1h-1.13a4 4 0 0 0-7.74 0H11a1 1 0 0 0-1 1V6a1 1 0 0 1 1-1h1.13a4 4 0 0 1 7.74 0H21a1 1 0 0 1 1 1z"
/>
<rect width="6" height="5" x="10" y="13" opacity=".1" rx="1" />
<rect width="6" height="5" x="10" y="12" fill="url(#a)" rx="1" />
<path
d="M21 15h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM21 18h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM21 21H11a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM15 24h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="21" cy="23" r="1" opacity=".1" />
<circle cx="18" cy="23" r="1" opacity=".1" />
<g fill="#fff">
<path
d="M21 14h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM21 17h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM21 20H11a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM15 23h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="url(#b)"
d="M26 25v4a1 1 0 0 1-1 1h-5a1 1 0 0 1-.63-.22l6.26-5.56A1 1 0 0 1 26 25z"
/>
<circle cx="21" cy="22" r="1" fill="#fff" />
<circle cx="18" cy="22" r="1" fill="#fff" />
<circle cx="16" cy="7" r="2" opacity=".1" />
<circle cx="16" cy="6" r="2" fill="url(#f)" />
<circle cx="16" cy="6" r="1" fill="url(#g)" />
<path
fill="url(#h)"
d="m25.63 24.22-6.26 5.56A1 1 0 0 1 19 29v-4a1 1 0 0 1 1-1h5a1 1 0 0 1 .63.22z"
/>
<path
fill="#fff"
d="m25.63 24.22-6.26 5.56A1 1 0 0 1 19 29v-4a1 1 0 0 1 1-1h5a1 1 0 0 1 .63.22z"
opacity=".2"
/>
</g>
</svg>
More icons in the same style and category