Add icons to this collection by clicking the heart icon.
Web Optimization icon - also known as search, settings, magnifying glass, ui, loupe, optimization, seo and web, and web optimization. Created in a clean lineal 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-2.375"
x2="-2.375"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M68 472a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8h22.136a160.394 160.394 0 0 0 69.64 16H344a28 28 0 0 0 25.192-16H420c17.673 0 32-14.327 32-32V32c0-17.673-14.327-32-32-32H116C98.327 0 84 14.327 84 32v272h-8a8 8 0 0 0-8 8v8H28v16h40v112H28v16h40v8zm276-8h-88.224a144.195 144.195 0 0 1-64.2-15.2A7.99 7.99 0 0 0 188 448h-24V336h24c1.94 0 3.813-.705 5.272-1.984l14.352-12.552A115.446 115.446 0 0 0 245.8 216h1.6c13.149-.039 24.625 8.904 27.8 21.664a107.01 107.01 0 0 1-4.48 66.08l-.136.256H252v16h92c6.627 0 12 5.373 12 12s-5.373 12-12 12h-20v16h20c6.627 0 12 5.373 12 12s-5.373 12-12 12h-20v16h20c6.627 0 12 5.373 12 12s-5.373 12-12 12h-20v16h20c6.627 0 12 5.373 12 12s-5.373 12-12 12zM116 16h304c8.837 0 16 7.163 16 16v32H100V32c0-8.837 7.163-16 16-16zm-16 64h336v352c0 8.837-7.163 16-16 16h-48.408a27.837 27.837 0 0 0-8.056-16c11.046-10.715 11.314-28.355.599-39.401a28.192 28.192 0 0 0-.599-.599c11.046-10.715 11.314-28.355.599-39.401a28.192 28.192 0 0 0-.599-.599c11.068-10.768 11.311-28.47.542-39.538A27.957 27.957 0 0 0 344 304h-56.432a122.768 122.768 0 0 0 3.12-70.216c-4.937-19.87-22.79-33.811-43.264-33.784H236a8 8 0 0 0-7.76 9.944c9.189 36.382-2.857 74.841-31.16 99.48L184.992 320H164v-8a8 8 0 0 0-8-8h-56V80zM84 320h64v144H84V320z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-17.875"
x2="-17.875"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M108 432h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-16.875"
x2="-16.875"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M116 32h16v16h-16V32z" fill="url(#c)" />
<linearGradient
id="d"
x1="-12.875"
x2="-12.875"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M148 32h16v16h-16V32z" fill="url(#d)" />
<linearGradient
id="e"
x1="-8.875"
x2="-8.875"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M180 32h16v16h-16V32z" fill="url(#e)" />
<linearGradient
id="f"
x1="-6.375"
x2="-6.375"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M124 136h168v16H124v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-6.375"
x2="-6.375"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M124 168h168v16H124v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-2.375"
x2="-2.375"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M188 104h104v16H188v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-11.875"
x2="-11.875"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M156 104h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="13.125"
x2="13.125"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M324 280h80a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h64v48h-64v-48z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="13.125"
x2="13.125"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M324 184h80a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h64v48h-64v-48z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-12.375"
x2="-12.375"
y1="619.796"
y2="555.595"
gradientTransform="matrix(8 0 0 -8 259 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M196 272v-64a8 8 0 0 0-8-8h-56a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h56a8 8 0 0 0 8-8zm-16-8h-40v-48h40v48z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category