Add icons to this collection by clicking the heart icon.
Clip icon - also known as education, clip, school supplies, paper clip, and office supplies. Created in a clean color 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="100"
height="100"
viewBox="0 0 511.999 511.999"
>
<linearGradient
id="a"
x1="177.044"
x2="305.485"
y1="441.863"
y2="313.423"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="M371.809 123.723c11.238-32.653 3.859-70.351-22.168-96.377-23.142-23.142-55.976-32.376-87.832-24.69-2.904.7-17.584 4.013-33.549 19.979L90.853 160.041c-7.026 7.026-7.244 18.744-.086 25.638 6.941 6.685 17.987 6.606 24.831-.237L253.331 47.706l.477-.475c17.484-17.319 44.918-20.235 65.282-6.418a64.252 64.252 0 0 1 9.348 7.735c13.686 13.686 19.771 32.133 18.255 50.06-1.209 14.354-7.294 28.369-18.255 39.331L224.714 241.664c-14.455 14.455-37.856 14.617-52.512.486-15.115-14.574-14.796-39.193.051-54.04L281.602 78.762c4.933-4.933 13.138-4.661 17.71.819 4.018 4.815 3.398 11.997-1.036 16.431l-89.361 89.361c-5.855 5.855-5.855 15.348 0 21.203 5.855 5.855 15.348 5.855 21.203 0l89.649-89.649c9.053-9.053 13.092-21.255 12.127-33.118-.774-9.573-4.813-18.934-12.127-26.25-7.315-7.316-16.676-11.353-26.25-12.127-11.863-.965-24.065 3.074-33.118 12.127L150.504 167.454c-26.539 26.539-26.3 69.883.717 96.119 26.579 25.811 69.261 24.728 95.458-1.47l102.962-102.962c10.316-10.314 17.705-22.475 22.168-35.418z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="266.193"
x2="288.043"
y1="379.917"
y2="358.077"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path
d="M321.294 73.207c.965 11.863-3.074 24.065-12.127 33.118l-89.649 89.649c-3.921 3.921-9.473 5.202-14.473 3.871a14.905 14.905 0 0 0 3.871 6.73c5.855 5.855 15.348 5.855 21.203 0l89.649-89.649c9.053-9.053 13.092-21.255 12.127-33.118-.774-9.573-4.813-18.934-12.127-26.25a42.052 42.052 0 0 0-5.777-4.825 41.84 41.84 0 0 1 7.303 20.474z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="286.387"
x2="323.507"
y1="332.522"
y2="295.401"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path
d="M371.809 123.723c11.238-32.653 3.859-70.351-22.168-96.377a95.117 95.117 0 0 0-5.527-5.093c21.866 25.66 27.562 60.452 17.093 90.869-4.463 12.945-11.852 25.104-22.168 35.419L236.162 251.419c-24.65 24.65-64.184 26.913-90.751 5.736a67.314 67.314 0 0 0 4.28 4.883c26.233 27.139 70.383 26.671 97.073-.018l102.878-102.878c10.315-10.315 17.704-22.476 22.167-35.419z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="205.247"
x2="229.917"
y1="383.741"
y2="359.061"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path
d="M172.309 188.055 281.602 78.762c2.651-2.651 6.246-3.787 9.715-3.431-.222-2.364-1.128-4.665-2.79-6.567-4.605-5.271-12.657-5.471-17.526-.603L161.707 177.454c-14.834 14.834-15.219 39.497-.13 54.072a37.569 37.569 0 0 0 5.442 4.348c-9.568-14.662-7.588-34.943 5.29-47.819z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="176.355"
x2="201.125"
y1="416.7"
y2="385.32"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path
d="M228.259 22.634 90.851 160.041c-7.026 7.026-7.244 18.744-.086 25.638 6.941 6.685 17.987 6.606 24.831-.237L253.331 47.706l.477-.475a52.263 52.263 0 0 1 27.579-14.322l-10.33-10.331c-11.711-11.711-30.741-11.896-42.504-.236l-.294.292z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="226.465"
x2="354.906"
y1="213.114"
y2="84.674"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="M421.424 353.369c11.238-32.653 3.859-70.351-22.168-96.377-23.142-23.142-55.976-32.376-87.832-24.69-2.904.7-17.584 4.013-33.549 19.979L140.468 389.687c-7.026 7.026-7.244 18.744-.086 25.638 6.941 6.685 17.987 6.606 24.831-.237l137.733-137.735.477-.475c17.484-17.319 44.918-20.235 65.282-6.418a64.252 64.252 0 0 1 9.348 7.735c13.686 13.686 19.771 32.133 18.255 50.06-1.209 14.354-7.294 28.369-18.255 39.331L274.329 471.31c-14.455 14.455-37.856 14.617-52.512.486-15.115-14.574-14.796-39.193.051-54.04l109.348-109.348c4.933-4.933 13.138-4.661 17.71.819 4.018 4.816 3.398 11.997-1.036 16.431l-89.361 89.361c-5.855 5.855-5.855 15.348 0 21.203 5.855 5.855 15.348 5.855 21.203 0l89.649-89.649c9.053-9.053 13.092-21.255 12.127-33.118-.774-9.573-4.813-18.934-12.127-26.25-7.315-7.316-16.676-11.353-26.25-12.127-11.863-.965-24.065 3.074-33.118 12.127L200.119 397.1c-26.539 26.539-26.3 69.883.717 96.12 26.579 25.811 69.261 24.728 95.458-1.47l102.962-102.962c10.315-10.315 17.704-22.474 22.168-35.419z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="315.607"
x2="337.457"
y1="151.172"
y2="129.322"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M370.907 302.854c.965 11.863-3.074 24.065-12.127 33.118l-89.649 89.649c-3.921 3.921-9.473 5.202-14.473 3.871a14.905 14.905 0 0 0 3.871 6.73c5.855 5.855 15.348 5.855 21.203 0l89.649-89.649c9.053-9.053 13.092-21.255 12.127-33.118-.774-9.573-4.813-18.934-12.127-26.25a42.052 42.052 0 0 0-5.777-4.825 41.797 41.797 0 0 1 7.303 20.474z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="335.798"
x2="372.918"
y1="103.772"
y2="66.642"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M421.424 353.369c11.238-32.653 3.859-70.351-22.168-96.377a95.117 95.117 0 0 0-5.527-5.093c21.866 25.66 27.562 60.452 17.093 90.869-4.463 12.945-11.852 25.104-22.168 35.419L285.777 481.065c-24.65 24.65-64.184 26.913-90.75 5.736a67.314 67.314 0 0 0 4.28 4.883c26.233 27.139 70.383 26.671 97.073-.018l102.877-102.878c10.314-10.315 17.703-22.474 22.167-35.419z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="254.664"
x2="279.334"
y1="154.989"
y2="130.319"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="m221.923 417.701 109.293-109.293c2.651-2.651 6.246-3.787 9.715-3.431-.222-2.364-1.128-4.665-2.79-6.567-4.605-5.271-12.657-5.471-17.526-.603L211.322 407.1c-14.834 14.834-15.219 39.497-.13 54.072a37.569 37.569 0 0 0 5.442 4.348c-9.569-14.661-7.588-34.941 5.289-47.819z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="225.775"
x2="250.545"
y1="187.95"
y2="156.57"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M277.874 252.28 140.466 389.688c-7.026 7.026-7.244 18.744-.086 25.638 6.941 6.685 17.987 6.606 24.831-.237l137.735-137.736.477-.475a52.263 52.263 0 0 1 27.579-14.322l-10.331-10.331c-11.711-11.711-30.741-11.896-42.504-.236l-.293.291z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category