Add icons to this collection by clicking the heart icon.
Website icon - also known as message, security, warning, website, signaling, alert, browser, 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="a"
x1="-.323"
x2="63.757"
y1="63.427"
y2="-.654"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1=".125"
x2="64.206"
y1="63.875"
y2="-.206"
href="#a"
/>
<linearGradient
id="c"
x1="-2.875"
x2="61.206"
y1="60.875"
y2="-3.206"
href="#a"
/>
<linearGradient
id="d"
x1="8.625"
x2="72.706"
y1="72.375"
y2="8.294"
href="#a"
/>
<linearGradient
id="e"
x1="7.375"
x2="71.456"
y1="71.125"
y2="7.044"
href="#a"
/>
<linearGradient
id="f"
x1="9.375"
x2="73.456"
y1="73.125"
y2="9.044"
href="#a"
/>
<linearGradient
id="g"
x1="-6.375"
x2="57.706"
y1="57.375"
y2="-6.706"
href="#a"
/>
<linearGradient
id="h"
x1="-4.375"
x2="59.706"
y1="59.375"
y2="-4.706"
href="#a"
/>
<linearGradient
id="i"
x1="-2.375"
x2="61.706"
y1="61.375"
y2="-2.706"
href="#a"
/>
<linearGradient
id="j"
x1="-16.125"
x2="47.956"
y1="47.625"
y2="-16.456"
href="#a"
/>
<linearGradient
id="k"
x1="-10.875"
x2="53.206"
y1="52.875"
y2="-11.206"
href="#a"
/>
<linearGradient
id="l"
x1=".418"
x2="64.499"
y1="64.168"
y2=".088"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M42.22 37H21.783a2.787 2.787 0 0 1-2.44-1.427 2.672 2.672 0 0 1 .071-2.746l10.2-16.52a2.816 2.816 0 0 1 4.756 0L44.6 32.851a2.677 2.677 0 0 1 .049 2.739A2.747 2.747 0 0 1 42.22 37zM31.992 17a.783.783 0 0 0-.675.36l-10.2 16.522a.7.7 0 0 0-.021.722.775.775 0 0 0 .691.4H42.22a.763.763 0 0 0 .686-.391.693.693 0 0 0-.012-.714L32.673 17.361a.79.79 0 0 0-.681-.361z"
/>
<circle cx="32" cy="32" r="1" fill="url(#b)" />
<path
fill="url(#c)"
d="M32 30a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M49 58H15a1 1 0 0 1-1-1V41a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm-33-2h32V42H16z"
/>
<path fill="url(#e)" d="M44 46H23a1 1 0 0 1 0-2h21a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M44 50H20a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M39 54H20a1 1 0 0 1 0-2h19a1 1 0 0 1 0 2z" />
<circle cx="45" cy="6" r="1" fill="url(#g)" />
<circle cx="49" cy="6" r="1" fill="url(#h)" />
<circle cx="53" cy="6" r="1" fill="url(#i)" />
<path fill="url(#j)" d="M40 7H11a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M59 11H5a1 1 0 0 1 0-2h54a1 1 0 0 1 0 2z" />
<path
fill="url(#l)"
d="M59 63H5a1 1 0 0 1-1-1V4a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3v58a1 1 0 0 1-1 1zM6 61h52V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"
/>
</g>
</svg>
More icons in the same style and category