Add icons to this collection by clicking the heart icon.
Html icon - also known as computer, browser, programming, coding, html, computing, css, and seo and web. Created in a clean lineal color style with a white, black, orange, and pink finish, 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>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 183.33 173.783a21.176 21.176 0 0 1 6.47 12.965l32.04 280.877c1.433 12.561-8.391 23.569-21.034 23.569h-430.74c-12.643 0-22.467-11.008-21.034-23.569l32.04-280.877a21.176 21.176 0 0 1 6.47-12.965L-29.128 0C-20.962-7.741-8.166-7.741 0 0"
transform="translate(270.564 13.306)"
fill="#ffba7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.457C-6.815 0 3.009-11.008 1.576-23.569l-32.04-280.878a21.167 21.167 0 0 0-6.469-12.964l-183.33-173.783a21.151 21.151 0 0 0-4.836-3.433c7.813-4.046 17.604-2.908 24.293 3.433l183.33 173.783a21.167 21.167 0 0 1 6.469 12.964L21.034-23.569C22.466-11.008 12.642 0 0 0"
transform="translate(471.37 504.5)"
fill="#ffab56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.172 238.201c-.55 4.82 3.22 9.045 8.071 9.045h365.652c4.851 0 8.621-4.225 8.072-9.045L327.451 0a8.125 8.125 0 0 0-2.482-4.975L169.315-152.523a8.123 8.123 0 0 0-11.178 0L2.483-4.975A8.126 8.126 0 0 0 0 0"
transform="translate(92.275 213.153)"
fill="#f4f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24.758c4.851 0 8.621-4.224 8.071-9.045l-27.171-238.201a8.126 8.126 0 0 0-2.483-4.975l-148.863-141.112 6.79-6.436a8.123 8.123 0 0 1 11.178 0l155.653 147.548a8.12 8.12 0 0 1 2.483 4.975L8.072-9.045C8.621-4.224 4.851 0 0 0"
transform="translate(438.826 460.399)"
fill="#e7eef3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 140.916H7.5v147.707h497z"
fill="#ffdcbd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M478 140.916h26.5v147.707H478Z"
fill="#ffcb9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.719 190.398c1.433 12.561-8.391 23.569-21.034 23.569h-360.581"
transform="translate(470.685 290.533)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 132.541-125.638c8.166-7.742 20.961-7.742 29.128 0L293.854-.337"
transform="translate(108.895 138.944)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-41.159c-12.642 0-22.466-11.008-21.033-23.569l21.801-191.116"
transform="translate(81.788 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.601-30.903"
transform="translate(166.668 140.012)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 18.345 160.821c.55 4.82-3.22 9.045-8.072 9.045h-365.651c-4.852 0-8.622-4.225-8.072-9.045L-345.151.401"
transform="translate(428.553 290.533)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 29.979-28.417a8.122 8.122 0 0 1 11.177 0l84.011 79.635"
transform="translate(220.433 89.047)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-17.387-24.817L0-49.633"
transform="translate(222.82 380.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 17.387-24.817L0-49.633"
transform="translate(289.179 380.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-22.862-47.256"
transform="translate(267.476 379.512)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h98.396"
transform="translate(206.802 421.277)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h14.15"
transform="translate(45.557 214.77)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h14.15"
transform="translate(452.292 214.77)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.75"
transform="translate(256 113.961)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14 77.568c.35 1.816 2.884 1.986 3.473.233L40.248.604c.552-1.644 2.882-1.632 3.417.018l21.998 77.166c.57 1.759 3.105 1.616 3.474-.196L83.966 0"
transform="translate(257.724 175.565)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.587c.88-.151 27.892 0 27.892 0"
transform="translate(375.583 254.597)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.654"
transform="translate(108.525 254.597)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.654"
transform="translate(163.646 254.597)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h55.121"
transform="translate(108.525 216.136)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h43.989"
transform="translate(198.384 254.597)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-77.11"
transform="translate(220.29 252.053)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-334.189v-147.707h497V0H29"
transform="translate(341.69 288.623)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category