Add icons to this collection by clicking the heart icon.
Html Code icon - also known as screen, pencil, monitor, code, design, browser, ui, coding, html, html code, 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 433.3 458"
>
<linearGradient
id="a"
x1="-246.44"
x2="379.84"
y1="605.07"
y2="64.48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005292" />
<stop offset=".06" stop-color="#1a5695" />
<stop offset=".21" stop-color="#565f9b" />
<stop offset=".35" stop-color="#8966a0" />
<stop offset=".5" stop-color="#b46da4" />
<stop offset=".64" stop-color="#d572a8" />
<stop offset=".77" stop-color="#ec75aa" />
<stop offset=".89" stop-color="#fa77ac" />
<stop offset="1" stop-color="#ff78ac" />
</linearGradient>
<linearGradient
id="b"
x1="-386.83"
x2="239.46"
y1="442.42"
y2="-98.16"
href="#a"
/>
<linearGradient
id="c"
x1="-366.5"
x2="259.79"
y1="465.98"
y2="-74.6"
href="#a"
/>
<linearGradient
id="d"
x1="-269.62"
x2="356.67"
y1="578.22"
y2="37.63"
href="#a"
/>
<linearGradient
id="e"
x1="-285.18"
x2="341.1"
y1="560.18"
y2="19.6"
href="#a"
/>
<linearGradient
id="f"
x1="-301.14"
x2="325.15"
y1="541.7"
y2="1.12"
href="#a"
/>
<linearGradient
id="g"
x1="-230.58"
x2="395.71"
y1="623.45"
y2="82.87"
href="#a"
/>
<linearGradient
id="h"
x1="-296.37"
x2="329.91"
y1="547.22"
y2="6.64"
href="#a"
/>
<linearGradient
id="i"
x1="-267.12"
x2="359.16"
y1="581.11"
y2="40.52"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="m433.2 339.8-.9-238.4A32 32 0 0 0 421.9 78a34.8 34.8 0 0 0-24.1-9.5h-8.6V27.8a6 6 0 0 0-.6-2.7 5 5 0 0 0-1-1.4l-.2-.2a5.9 5.9 0 0 0-4.2-1.7l-151.2.5-49.5.2-15.3-15.1-5.7-5.7-.4-.3a5.7 5.7 0 0 0-3.8-1.4L43.2.5a6 6 0 0 0-6 6v63.4h-3C15.3 69.9-.1 84.8 0 103.1l1 238.4v20.3a32 32 0 0 0 10.4 23.4 34.8 34.8 0 0 0 24.1 9.5h.2l134.4-.5-6.8 32.3h-22.7a5.9 5.9 0 0 0-5.9 6V452a6.7 6.7 0 0 0 1.8 4.3 6.1 6.1 0 0 0 4.2 1.7h.1l153.5-.6a5.8 5.8 0 0 0 4.3-1.8 5.9 5.9 0 0 0 1.7-4.2V432a6 6 0 0 0-6-6h-22.7l-7.1-32.3 134.4-.5c19.1-.1 34.5-15 34.4-33.2zm-55.4-53.3L50 287.8l-.6-205.3h327.9zM175.7 32.8a7.1 7.1 0 0 0 1.4 1 4.7 4.7 0 0 0 2.9.7l197.1-.7v36.7H49.4V12.4l46.4-.2L155 12l1.1 1.1zM34.4 81.9h3l.6 211.9a5.8 5.8 0 0 0 1.8 4.3 5.9 5.9 0 0 0 4.2 1.7l339.9-1.3a5.9 5.9 0 0 0 5.9-6l-.5-212.1h8.5a23 23 0 0 1 15.9 6.2 20.6 20.6 0 0 1 6.6 14.8l.9 232.5-69.8.2-338.5 1.4L12 103c0-11.6 10-21.1 22.4-21.1zm237.8 356.2h16.1v7.4l-141.6.6v-7.4h16.1zm-12.9-12-83.7.4 6.8-32.4 69.8-.3zm139.6-44.8-141.8.5h-.1l-79.5.3-141.9.6a23.2 23.2 0 0 1-16-6.2 20.5 20.5 0 0 1-6.6-14.7v-14.3l408.2-1.6v14.2c.2 11.6-9.9 21.1-22.3 21.2z"
/>
<path
fill="url(#b)"
d="M95.8 23.8a5.8 5.8 0 0 0-4.3-1.8H71.3a6 6 0 0 0-6 6v20.4a6.2 6.2 0 0 0 6 6h20.4a5.9 5.9 0 0 0 5.9-6V28a6 6 0 0 0-1.8-4.2zM77.4 42.4v-8.3h8.3v8.2z"
/>
<path
fill="url(#c)"
d="M139.4 21.8h-20.3a6 6 0 0 0-6 6v20.4a6 6 0 0 0 6 6h20.3a6 6 0 0 0 4.3-1.8 5.9 5.9 0 0 0 1.7-4.2V27.8a6 6 0 0 0-6-6zm-14.2 20.4v-8.3h8.2v8.2z"
/>
<path
fill="url(#d)"
d="M329.4 62h11.9a6 6 0 0 0 6-6 6 6 0 0 0-6-6h-11.9a6 6 0 0 0-6 6.1 5.9 5.9 0 0 0 6 5.9z"
/>
<path
fill="url(#e)"
d="M292.8 62.2h11.9a6 6 0 0 0 0-12h-11.9a6 6 0 0 0 0 12z"
/>
<path
fill="url(#f)"
d="M255.3 62.3h11.9a6 6 0 0 0 6-6 6.1 6.1 0 0 0-6-6h-12a6 6 0 0 0 .1 12z"
/>
<path
fill="url(#g)"
d="M265.3 214.2a6.2 6.2 0 0 0 5.5 3.4 5.7 5.7 0 0 0 2.5-.6l73.9-35.1a6.1 6.1 0 0 0 0-10.9l-73.9-35.1a6 6 0 1 0-5.1 10.8l62.4 29.7-62.4 29.8a6 6 0 0 0-2.9 8z"
/>
<path
fill="url(#h)"
d="m73.3 181.9 73.9 35.1a5.7 5.7 0 0 0 2.5.6 6.2 6.2 0 0 0 5.5-3.4 6 6 0 0 0-2.9-8l-62.4-29.8 62.4-29.7a6 6 0 0 0 2.9-8 6 6 0 0 0-8-2.8L73.3 171a6.1 6.1 0 0 0 0 10.9z"
/>
<path
fill="url(#i)"
d="M184.4 222.8a6.1 6.1 0 0 0 2.5.6 6 6 0 0 0 5.5-3.6l42.3-92.8a6 6 0 1 0-10.9-5l-42.3 92.9a5.9 5.9 0 0 0 2.9 7.9z"
/>
</g>
</svg>
More icons in the same style and category