Add icons to this collection by clicking the heart icon.
Filter icon - also known as code, web development, coding, programing, filter, and seo and web. 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"
>
<linearGradient
id="New_Gradient_Swatch_3"
gradientUnits="userSpaceOnUse"
x1="48"
x2="48"
y1="62.489"
y2="2.126"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch_3-2"
x1="41"
x2="41"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-3"
x1="54.5"
x2="54.5"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-4"
x1="26.495"
x2="26.495"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-5"
x1="47.499"
x2="47.499"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-6"
x1="16"
x2="16"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-7"
x1="9"
x2="9"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-8"
x1="22.5"
x2="22.5"
y1="62.489"
y2="2.126"
href="#New_Gradient_Swatch_3"
/>
<g id="filter-code-programing-web_design-coding">
<path
d="m45.629 20.929a1 1 0 0 0 1.3-.557l4-10a1 1 0 0 0 -1.858-.744l-4 10a1 1 0 0 0 .558 1.301z"
fill="url(#New_Gradient_Swatch_3)"
/>
<path
d="m42.4 18.8a1 1 0 1 0 1.2-1.6l-2.933-2.2 2.933-2.2a1 1 0 1 0 -1.2-1.6l-4 3a1 1 0 0 0 0 1.6z"
fill="url(#New_Gradient_Swatch_3-2)"
/>
<path
d="m52 19a.994.994 0 0 0 .514-.143l5-3a1 1 0 0 0 .086-1.657l-4-3a1 1 0 0 0 -1.2 1.6l2.81 2.108-3.725 2.235a1 1 0 0 0 .515 1.857z"
fill="url(#New_Gradient_Swatch_3-3)"
/>
<path
d="m50 36.03-12.98-.02h-.05l-9.97-.02a1 1 0 0 0 .7-.29l3.01-2.99a1 1 0 0 0 -1.42-1.42l-1.29 1.29v-2.57a3 3 0 0 0 -3-3l-7.01-.01a.99.99 0 0 1 -.71-.29 1.052 1.052 0 0 1 -.29-.71l.01-2h12a1 1 0 0 0 1-1v-20a1 1 0 0 0 -1-1h-26a1 1 0 0 0 -1 1v20a1 1 0 0 0 1 1h12l-.01 1.99a3 3 0 0 0 .88 2.13 2.956 2.956 0 0 0 2.12.88l7.01.01a1 1 0 0 1 1 1v2.56l-1.29-1.29a1.008 1.008 0 0 0 -1.42 0 1 1 0 0 0 0 1.41l3 3.01a1 1 0 0 0 .7.29l-13-.02a1.007 1.007 0 0 0 -1 1l-.01 6a1 1 0 0 0 1 1h.57l12.45 14.4v2.63a1 1 0 0 0 1 1h7.99a1 1 0 0 0 1-1l.01-2.62 12.49-14.35h.49a1.033 1.033 0 0 0 .71-.29 1.007 1.007 0 0 0 .29-.71l.01-6a.994.994 0 0 0 -.99-1zm-46-32.03h24v2h-24zm0 18v-14h24v14zm31.25 35.35a.978.978 0 0 0 -.25.65v2h-6v-2a1.021 1.021 0 0 0 -.24-.65l-11.54-13.35 29.62.02zm13.74-15.33-34-.05v-4l34 .06z"
fill="url(#New_Gradient_Swatch_3-4)"
/>
<path
d="m61 2h-26a1 1 0 0 0 -1 1v20a1 1 0 0 0 1 1h12l.01 2a1 1 0 0 1 -1 1l-7.01-.01a3.141 3.141 0 0 0 -2.12.88 2.939 2.939 0 0 0 -.88 2.12v2.6l-1.29-1.29a1 1 0 1 0 -1.42 1.41l3 3a1.016 1.016 0 0 0 .68.3h.05a1.025 1.025 0 0 0 .68-.29l3.01-3a1 1 0 0 0 -1.42-1.42l-1.29 1.3v-2.61a.99.99 0 0 1 1-1l7 .01h.01a3 3 0 0 0 3-3l-.01-2h12a1 1 0 0 0 1-1v-20a1 1 0 0 0 -1-1zm-1 20h-24v-14h24zm0-16h-24v-2h24z"
fill="url(#New_Gradient_Swatch_3-5)"
/>
<path
d="m18.372 9.071a1 1 0 0 0 -1.3.557l-4 10a1 1 0 0 0 .557 1.3 1.015 1.015 0 0 0 .371.072 1 1 0 0 0 .929-.628l4-10a1 1 0 0 0 -.557-1.301z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m11.8 11.4a1 1 0 0 0 -1.4-.2l-4 3a1 1 0 0 0 0 1.6l4 3a1 1 0 1 0 1.2-1.6l-2.933-2.2 2.933-2.2a1 1 0 0 0 .2-1.4z"
fill="url(#New_Gradient_Swatch_3-7)"
/>
<path
d="m20 19a.994.994 0 0 0 .514-.143l5-3a1 1 0 0 0 .086-1.657l-4-3a1 1 0 0 0 -1.2 1.6l2.81 2.108-3.725 2.235a1 1 0 0 0 .515 1.857z"
fill="url(#New_Gradient_Swatch_3-8)"
/>
</g>
</svg>
More icons in the same style and category