Add icons to this collection by clicking the heart icon.
Web Browser icon - also known as direction, location, compass, orientation, cardinal points, web browser, ios, seo and web, and ios14. 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(512.00008 -512.00008) rotate(-45 -.104 -.25)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff4747" />
<stop offset="1" stop-opacity="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(935.8958 -935.8958) rotate(-45 .114 .276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffb5d3" />
<stop offset=".756" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(227.26075 -227.26075) rotate(-45 -.933 -2.416)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff4747" />
<stop offset="1" stop-opacity="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(461.83995 -461.83995) rotate(-45 -.313 -.362)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff4747" />
<stop offset="1" stop-opacity="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(508.5415 -508.5415) rotate(-45 -.14 -.048)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff79a2" />
<stop offset="1" stop-opacity="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(941.3384 -941.3384) rotate(-45 .241 .47)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffb5d3" />
<stop offset=".756" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(740.27338 -740.27338) rotate(-45 .09 .17)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff79a2" />
<stop offset="1" stop-opacity="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(733.76942 -733.76942) rotate(-45 .204 .243)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff79a2" />
<stop offset="1" stop-opacity="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="m"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(511.53707 -511.53707) rotate(-45 -.337 -.164)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffb5d3" />
<stop offset=".756" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="n"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(382.48175 -382.48175) rotate(-45 -.341 -.453)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff79a2" />
<stop offset="1" stop-opacity="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="o"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(513.13005 -513.13005) rotate(-45 -.377 -.19)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff79a2" />
<stop offset="1" stop-opacity="1" stop-color="#ffe3f1" />
</linearGradient>
<radialGradient
id="a"
cx="0"
cy="0"
r="1"
fx="0"
fy="0"
gradientTransform="matrix(256.00003 0 0 -256.00003 256 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</radialGradient>
<radialGradient
id="e"
cx="0"
cy="0"
r="1"
fx="0"
fy="0"
gradientTransform="matrix(256.00003 0 0 -256.00003 256 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff2f2b" />
<stop offset="1" stop-opacity="1" stop-color="#ff9ceb" />
</radialGradient>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path
d="M256 512C114.615 512 0 397.385 0 256S114.615 0 256 0s256 114.615 256 256-114.615 256-256 256z"
/>
</clipPath>
<mask
id="d"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
</defs>
<path
d="M256 512C114.615 512 0 397.385 0 256S114.615 0 256 0s256 114.615 256 256-114.615 256-256 256z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#b)"
stroke="none"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#d)">
<path
d="M256 512C114.615 512 0 397.385 0 256S114.615 0 256 0s256 114.615 256 256-114.615 256-256 256z"
fill="url(#e)"
stroke="none"
/>
</g>
</g>
<path
d="M105 407.651c-8.276-.349-15.367-7.374-15.784-15.651a2749.158 2749.158 0 0 1 0-272c.419-8.277 7.509-15.302 15.784-15.651a3651.182 3651.182 0 0 1 302 0c8.275.349 15.366 7.374 15.784 15.651a2749.158 2749.158 0 0 1 0 272c-.418 8.277-7.507 15.302-15.784 15.651a3651.477 3651.477 0 0 1-302 0"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#f)"
stroke="none"
/>
<path
d="M286.742 272.387c41.309 20.449 82.494 40.694 123.077 59.941a3062.096 3062.096 0 0 1-2.106 60.258 4084.48 4084.48 0 0 1-60.283 1.792c-19.344-40.242-39.895-81.041-60.688-121.991"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#g)"
stroke="none"
/>
<path
d="M104.288 392.586a3046.709 3046.709 0 0 1-2.106-60.258c81.165-38.493 164.739-80.984 246.9-121.097a5189.409 5189.409 0 0 1-1.652 183.147 4092.23 4092.23 0 0 1-243.142-1.792"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#h)"
stroke="none"
/>
<path
d="M102.182 332.328a3058.502 3058.502 0 0 1-.607-30.13C152.745 282.747 204.42 262.15 256 241.65c51.581 20.5 103.255 41.097 154.425 60.548a3058.496 3058.496 0 0 1-.606 30.13 7526.74 7526.74 0 0 1-307.637 0"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#i)"
stroke="none"
/>
<path
d="M101.575 302.198a3047.871 3047.871 0 0 1 2.713-182.785 4092.17 4092.17 0 0 1 303.425 0 3047.858 3047.858 0 0 1 2.712 182.785 12518.985 12518.985 0 0 1-308.85 0"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#j)"
stroke="none"
/>
<path
d="M178.122 272.316a37312.92 37312.92 0 0 1-46.114-.128c-.171-41.144.314-82.287 1.457-123.431a5336.788 5336.788 0 0 1 184.309-1.05c-40.606 41.07-82.697 83.165-124.282 124.638-5.124-.008-10.247-.018-15.37-.029"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#k)"
stroke="none"
/>
<path
d="M193.492 272.345c.047-68.621 56.446-125.406 124.282-124.638 20.252.235 40.507.585 60.761 1.05a3860.022 3860.022 0 0 1 1.456 123.431c-41.286.141-82.582.212-123.868.212-20.88 0-41.751-.018-62.631-.055"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#l)"
stroke="none"
/>
<path
d="M133.917 378.418c-8.351-.225-15.374-7.2-15.642-15.547-.267-8.347 6.379-14.965 14.799-14.805a6251.598 6251.598 0 0 0 184.897.902c8.421-.081 15.145 6.681 14.993 15.126-.154 8.445-7.066 15.409-15.418 15.522a4639.839 4639.839 0 0 1-183.629-1.198"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#m)"
stroke="none"
/>
<path
d="M287.493 349.195c10.159-.051 20.319-.126 30.478-.227 8.421-.081 15.145 6.681 14.993 15.126-.154 8.445-7.066 15.409-15.418 15.522-10.09.134-20.18.235-30.269.304.083-10.241.154-20.483.216-30.725"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#n)"
stroke="none"
/>
<path
d="M133.917 378.418c-8.351-.225-15.374-7.2-15.642-15.547-.267-8.347 6.379-14.965 14.799-14.805a6249.489 6249.489 0 0 0 154.419 1.129c8.421-.04 15.184 6.778 15.091 15.251-.094 8.473-6.955 15.416-15.307 15.474a4636.175 4636.175 0 0 1-153.36-1.502"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#o)"
stroke="none"
/>
</svg>
More icons in the same style and category