Add icons to this collection by clicking the heart icon.
Clip icon - also known as clip, metal, attachment, paperclip, office material, Tools and utensils, school material, clips, and miscellaneous. 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 512.001 512.001"
>
<linearGradient
id="a"
x1="254.809"
x2="254.809"
y1="227.193"
y2="121.173"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M354.729 212.214H157.271c23.222 40.435 22.056 89.88-3.048 129.244l-3.221 5.05h209.995l-3.221-5.05c-25.103-39.364-26.269-88.809-3.047-129.244z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="406.937"
x2="162.927"
y1="150.052"
y2="394.062"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" stop-opacity="0" />
<stop offset=".143" stop-color="#dcdcdc" stop-opacity=".143" />
<stop offset=".384" stop-color="#c2c2c2" stop-opacity=".384" />
<stop offset=".692" stop-color="#979797" stop-opacity=".692" />
<stop offset="1" stop-color="#666" />
</linearGradient>
<path
d="m360.997 346.508-3.221-5.05c-25.104-39.364-26.27-88.81-3.048-129.244H157.271c.262.456.504.919.76 1.376a124.914 124.914 0 0 0 12.572 13.857l119.06 119.06h71.334z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="254.809"
x2="254.809"
y1="206.033"
y2="603.813"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M256 261.496c68.555 0 124.13-55.575 124.13-124.13S324.555 13.236 256 13.236s-124.13 55.575-124.13 124.13c0 68.555 55.575 124.13 124.13 124.13zm0-173.205c27.103 0 49.075 21.972 49.075 49.075S283.103 186.441 256 186.441s-49.075-21.972-49.075-49.075S228.897 88.291 256 88.291z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="254.809"
x2="254.809"
y1="397.293"
y2="220.553"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M256 20.934c-64.303 0-116.432 52.129-116.432 116.432S191.697 253.798 256 253.798s116.432-52.129 116.432-116.432S320.303 20.934 256 20.934zm0 162.463c-25.422 0-46.031-20.608-46.031-46.031S230.578 91.335 256 91.335s46.031 20.609 46.031 46.031-20.609 46.031-46.031 46.031z"
fill="url(#d)"
/>
<radialGradient
id="e"
cx="254.809"
cy="377.714"
r="92.49"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#666" />
<stop offset=".198" stop-color="#696969" stop-opacity=".802" />
<stop offset=".373" stop-color="#747474" stop-opacity=".627" />
<stop offset=".539" stop-color="#868686" stop-opacity=".461" />
<stop offset=".699" stop-color="#a0a0a0" stop-opacity=".301" />
<stop offset=".854" stop-color="silver" stop-opacity=".146" />
<stop offset="1" stop-color="#e6e6e6" stop-opacity="0" />
</radialGradient>
<path
d="M256 13.236c-68.555 0-124.13 55.575-124.13 124.13s55.575 124.13 124.13 124.13 124.13-55.575 124.13-124.13S324.555 13.236 256 13.236zm0 173.205c-27.103 0-49.075-21.972-49.075-49.075S228.897 88.291 256 88.291s49.075 21.972 49.075 49.075-21.972 49.075-49.075 49.075z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="407.435"
x2=".305"
y1="200.274"
y2="162.353"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" stop-opacity="0" />
<stop offset=".143" stop-color="#dcdcdc" stop-opacity=".143" />
<stop offset=".384" stop-color="#c2c2c2" stop-opacity=".384" />
<stop offset=".692" stop-color="#979797" stop-opacity=".692" />
<stop offset="1" stop-color="#666" />
</linearGradient>
<path
d="m154.224 341.458-3.221 5.05h209.994l-3.221-5.05a125.695 125.695 0 0 1-13.98-30.02H168.203a125.733 125.733 0 0 1-13.979 30.02z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="254.809"
x2="254.809"
y1="67.573"
y2="-10.887"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M489.144 498.765H22.856c-14.447 0-25.269-13.242-22.39-27.4l11.898-58.542c8.5-41.822 45.276-71.876 87.955-71.876h311.363c42.678 0 79.453 30.052 87.955 71.876l11.898 58.542c2.877 14.159-7.944 27.4-22.391 27.4z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="254.808"
x2="254.808"
y1="163.423"
y2="100.353"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" stop-opacity="0" />
<stop offset=".097" stop-color="#ddd" stop-opacity=".202" />
<stop offset=".293" stop-color="#d0d0d0" stop-opacity=".611" />
<stop offset=".479" stop-color="#ccc" />
<stop offset="1" stop-color="#e6e6e6" stop-opacity="0" />
</linearGradient>
<path
d="M100.319 340.948c-42.678 0-79.453 30.052-87.955 71.876l-.517 2.542h488.304l-.517-2.542c-8.5-41.822-45.276-71.876-87.955-71.876h-311.36z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="254.809"
x2="254.809"
y1="179.403"
y2="251.613"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M229.697 288.984h52.605a9.302 9.302 0 0 1 9.302 9.302v24.378a9.302 9.302 0 0 1-9.302 9.302h-52.605a9.302 9.302 0 0 1-9.302-9.302v-24.378a9.302 9.302 0 0 1 9.302-9.302z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category