Add icons to this collection by clicking the heart icon.
Browser icon - also known as interface, security, lock, locked, secure, padlock, multimedia, browser, security system, and seo and web. 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 512 512"
>
<linearGradient
id="a"
x1="-33.066"
x2="-33.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M74.323 82.581h16.516v16.516H74.323z" fill="url(#a)" />
<linearGradient
id="b"
x1="-29.066"
x2="-29.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M107.355 82.581h16.516v16.516h-16.516z" fill="url(#b)" />
<linearGradient
id="c"
x1="-25.066"
x2="-25.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M140.387 82.581h16.516v16.516h-16.516z" fill="url(#c)" />
<linearGradient
id="d"
x1="-24.066"
x2="-24.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M222.968 305.549h-16.516v-16.516c0-27.367-22.181-49.548-49.548-49.548s-49.548 22.181-49.548 49.548v16.516H90.839a8.262 8.262 0 0 0-8.258 8.258V429.42c0 4.558 3.7 8.258 8.258 8.258h132.129c4.558 0 8.258-3.7 8.258-8.258V313.807a8.26 8.26 0 0 0-8.258-8.258zm-99.097-16.517c0-18.242 14.79-33.032 33.032-33.032s33.032 14.79 33.032 33.032v16.516H123.87v-16.516zm90.839 132.129H99.097v-99.097H214.71v99.097z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-24.066"
x2="-24.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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.903 338.581c-13.651-.025-24.741 11.016-24.766 24.667-.017 10.504 6.598 19.877 16.508 23.362v18.036h16.516V386.61c12.874-4.534 19.638-18.647 15.104-31.521a24.722 24.722 0 0 0-23.362-16.508zm0 33.032c-4.558 0-8.258-3.7-8.258-8.258s3.7-8.258 8.258-8.258c4.558 0 8.258 3.7 8.258 8.258s-3.699 8.258-8.258 8.258z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-10.066"
x2="-10.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M379.871 0a123.62 123.62 0 0 0-98.866 49.548H74.323c-18.242 0-33.032 14.79-33.032 33.032v363.355c0 18.242 14.79 33.032 33.032 33.032h363.355c18.242 0 33.032-14.79 33.032-33.032v-238.13c46.468-50.06 43.553-128.314-6.516-174.782A123.665 123.665 0 0 0 379.871 0zM74.323 66.065h196.079a122.807 122.807 0 0 0-13.981 49.548H57.807V82.581c0-9.125 7.39-16.516 16.516-16.516zm379.871 379.871c0 9.125-7.391 16.516-16.516 16.516H74.323c-9.125 0-16.516-7.391-16.516-16.516V132.129h198.615a123.616 123.616 0 0 0 49.127 90.607v.231h.314c43.809 33.032 104.209 33.032 148.018 0h.314v222.969zM355.097 82.581c0-13.684 11.091-24.774 24.774-24.774s24.774 11.091 24.774 24.774-11.091 24.774-24.774 24.774-24.774-11.091-24.774-24.774zm0 41.29h49.548c18.242 0 33.032 14.79 33.032 33.032v57.286a106.5 106.5 0 0 1-16.516 8.778v-57.806h-16.516v63.067a103.867 103.867 0 0 1-49.548 0v-63.067h-16.516v57.806a106.243 106.243 0 0 1-16.516-8.754v-57.311c0-18.241 14.79-33.031 33.032-33.031zm99.097 77.287v-44.255c-.033-24.436-17.87-45.205-42.025-48.913a40.915 40.915 0 0 0 8.993-25.41c0-22.801-18.49-41.29-41.29-41.29s-41.29 18.49-41.29 41.29a40.915 40.915 0 0 0 8.993 25.41c-24.155 3.708-41.992 24.477-42.025 48.913v44.255c-42.785-41.051-44.189-109.006-3.146-151.791C343.455 6.582 411.41 5.178 454.195 46.221s44.189 109.006 3.146 151.791a95.26 95.26 0 0 1-3.147 3.146z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-3.566"
x2="-3.566"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M256 421.161h140.387v16.516H256z" fill="url(#g)" />
<linearGradient
id="h"
x1="-1.566"
x2="-1.566"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M256 388.129h173.419v16.516H256z" fill="url(#h)" />
<linearGradient
id="i"
x1="-1.566"
x2="-1.566"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M256 355.097h173.419v16.516H256z" fill="url(#i)" />
<linearGradient
id="j"
x1="-1.566"
x2="-1.566"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M256 322.065h173.419v16.516H256z" fill="url(#j)" />
<linearGradient
id="k"
x1="1.434"
x2="1.434"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M305.548 289.032h123.871v16.516H305.548z" fill="url(#k)" />
<linearGradient
id="l"
x1="-9.066"
x2="-9.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M272.516 289.032h16.516v16.516h-16.516z" fill="url(#l)" />
<linearGradient
id="m"
x1="-32.066"
x2="-32.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M82.581 156.903h16.516v16.516H82.581z" fill="url(#m)" />
<linearGradient
id="n"
x1="-22.066"
x2="-22.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M115.613 156.903h115.613v16.516H115.613z" fill="url(#n)" />
<linearGradient
id="o"
x1="-24.066"
x2="-24.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M82.581 189.936h148.645v16.516H82.581z" fill="url(#o)" />
<linearGradient
id="p"
x1="7.934"
x2="7.934"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M487.226 454.194c-.025 22.792-18.498 41.266-41.29 41.29H338.581V512h107.355c31.909-.033 57.773-25.897 57.806-57.806v-33.032h-16.516v33.032z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-5.066"
x2="-5.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M305.548 495.484h16.516V512h-16.516z" fill="url(#q)" />
<linearGradient
id="r"
x1="-41.066"
x2="-41.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M8.258 74.323h16.516v16.516H8.258z" fill="url(#r)" />
<linearGradient
id="s"
x1="-41.066"
x2="-41.066"
y1="629.491"
y2="574.838"
gradientTransform="matrix(8.2581 0 0 -8.2581 355.645 5253.518)"
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="M8.258 107.355h16.516v156.903H8.258z" fill="url(#s)" />
</svg>
More icons in the same style and category