Add icons to this collection by clicking the heart icon.
Webpage icon - also known as ribbon, interface, medal, user, award, prize, internet, web, first, best, website, seo, browser, ui, web development, webpage, and sports and competition. Created in a clean lineal color 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 256 256"
>
<style type="text/css">
.st0 {
fill: #3a312a;
}
.st1 {
fill: #d7e057;
}
.st2 {
fill: #f16c7a;
}
.st5 {
fill: #8ac6dd;
}
.st6 {
fill: #ce4e61;
}
.st7 {
fill: #6ca8bf;
}
.st8 {
fill: #b9c239;
}
.st11 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #fce8cb;
}
.st12 {
fill: #f5978a;
}
.st13 {
fill: #68a8bc;
}
.st14 {
fill: #b9bc39;
}
.st15 {
fill: #6b5b51;
}
.st16 {
fill: #d34e5c;
}
.st17 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #87796f;
}
.st18 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #f16c7a;
}
</style>
<g>
<g>
<g>
<path
d="M16.37,58.333V211.75c0,8.606,6.977,15.583,15.583,15.583h191.833c8.606,0,15.583-6.977,15.583-15.583 V58.333H16.37z"
fill="#FCE8CB"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M239.37,56.833h-223c-0.828,0-1.5,0.671-1.5,1.5v54.841c0,0.829,0.672,1.5,1.5,1.5 c0.828,0,1.5-0.671,1.5-1.5V59.833h220V211.75c0,7.766-6.318,14.083-14.084,14.083H31.953c-7.766,0-14.083-6.318-14.083-14.083 v-83.591c0-0.829-0.672-1.5-1.5-1.5c-0.828,0-1.5,0.671-1.5,1.5v83.591c0,9.42,7.663,17.083,17.083,17.083h191.833 c9.42,0,17.084-7.664,17.084-17.083V58.333C240.87,57.505,240.198,56.833,239.37,56.833z"
/>
</g>
</g>
<g>
<g>
<path
d="M223.12,28.667H32.62c-8.975,0-16.25,7.275-16.25,16.25v13.417h223V44.917 C239.37,35.942,232.094,28.667,223.12,28.667z"
fill="#87796F"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M223.12,27.167H100.251c-0.828,0-1.5,0.671-1.5,1.5s0.672,1.5,1.5,1.5H223.12 c8.133,0,14.75,6.617,14.75,14.75v11.917h-220V44.917c0-8.133,6.617-14.75,14.75-14.75h52.868c0.828,0,1.5-0.671,1.5-1.5 s-0.672-1.5-1.5-1.5H32.62c-9.787,0-17.75,7.962-17.75,17.75v13.417c0,0.829,0.672,1.5,1.5,1.5h223c0.828,0,1.5-0.671,1.5-1.5 V44.917C240.87,35.129,232.907,27.167,223.12,27.167z"
/>
</g>
</g>
<g>
<g><circle class="st2" cx="161.87" cy="43.667" r="6.75" /></g>
</g>
<g>
<g>
<path
class="st0"
d="M161.87,35.417c-4.549,0-8.25,3.701-8.25,8.25s3.701,8.25,8.25,8.25s8.25-3.701,8.25-8.25 S166.419,35.417,161.87,35.417z M161.87,48.917c-2.895,0-5.25-2.355-5.25-5.25s2.355-5.25,5.25-5.25s5.25,2.355,5.25,5.25 S164.765,48.917,161.87,48.917z"
/>
</g>
</g>
<g>
<g><circle class="st1" cx="190.12" cy="43.667" r="6.75" /></g>
</g>
<g>
<g>
<path
class="st0"
d="M190.12,35.417c-4.549,0-8.25,3.701-8.25,8.25s3.701,8.25,8.25,8.25s8.25-3.701,8.25-8.25 S194.669,35.417,190.12,35.417z M190.12,48.917c-2.895,0-5.25-2.355-5.25-5.25s2.355-5.25,5.25-5.25s5.25,2.355,5.25,5.25 S193.015,48.917,190.12,48.917z"
/>
</g>
</g>
<g>
<g><circle class="st5" cx="218.37" cy="43.667" r="6.75" /></g>
</g>
<g>
<g>
<path
class="st0"
d="M218.37,35.417c-4.549,0-8.25,3.701-8.25,8.25s3.701,8.25,8.25,8.25s8.25-3.701,8.25-8.25 S222.919,35.417,218.37,35.417z M218.37,48.917c-2.895,0-5.25-2.355-5.25-5.25s2.355-5.25,5.25-5.25s5.25,2.355,5.25,5.25 S221.265,48.917,218.37,48.917z"
/>
</g>
</g>
<g>
<g>
<path
d="M222.87,59.83v151.92c0,7.77-6.32,14.08-14.08,14.08h15c7.76,0,14.08-6.31,14.08-14.08V59.83H222.87z"
fill="#DECAAD"
/>
</g>
</g>
<g>
<g>
<path
d="M223.12,30.17h-15c4.55,0,8.63,2.07,11.33,5.32c4.04,0.53,7.17,4,7.17,8.18c0,2.89-1.49,5.44-3.75,6.91 v6.25h15V44.92C237.87,36.78,231.25,30.17,223.12,30.17z"
fill="#695B51"
/>
</g>
</g>
<g>
<g>
<polygon
class="st5"
points="95.781,124.906 63.06,197.846 88.034,192.853 100.91,214.826 133.632,141.886"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M135.034,141.352c-0.142-0.372-0.426-0.672-0.788-0.835l-37.851-16.98c-0.757-0.339-1.644-0.001-1.982,0.755 l-32.722,72.94c-0.231,0.512-0.154,1.11,0.195,1.549c0.351,0.439,0.918,0.648,1.467,0.536l23.927-4.784l12.336,21.051 c0.27,0.461,0.764,0.742,1.294,0.742c0.026,0,0.054,0,0.081-0.002c0.561-0.03,1.058-0.371,1.287-0.884L135,142.5 C135.163,142.137,135.175,141.724,135.034,141.352z M100.732,211.556l-11.404-19.462c-0.272-0.465-0.768-0.742-1.294-0.742 c-0.098,0-0.196,0.009-0.294,0.029l-22.121,4.422l30.917-68.916l35.113,15.752L100.732,211.556z"
/>
</g>
</g>
<g>
<g>
<polygon
class="st5"
points="159.958,124.906 122.107,141.886 154.829,214.826 167.705,192.853 192.679,197.846"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M194.048,197.232l-32.722-72.94c-0.339-0.756-1.227-1.095-1.982-0.755l-37.851,16.98 c-0.362,0.163-0.647,0.463-0.788,0.835c-0.141,0.372-0.129,0.785,0.034,1.147l32.722,72.94c0.229,0.513,0.727,0.854,1.287,0.884 c0.027,0.002,0.055,0.002,0.081,0.002c0.53,0,1.024-0.281,1.294-0.742l12.336-21.051l23.927,4.784 c0.548,0.111,1.116-0.097,1.467-0.536C194.202,198.342,194.278,197.744,194.048,197.232z M167.999,191.382 c-0.631-0.128-1.266,0.16-1.588,0.712l-11.404,19.462L124.09,142.64l35.113-15.752l30.917,68.916L167.999,191.382z"
/>
</g>
</g>
<g>
<g>
<ellipse
transform="matrix(0.5847 -0.8112 0.8112 0.5847 -43.8068 153.3432)"
class="st5"
cx="127.87"
cy="119.459"
rx="48.959"
ry="48.959"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M127.87,69c-27.823,0-50.459,22.636-50.459,50.458s22.636,50.458,50.459,50.458 c27.822,0,50.458-22.636,50.458-50.458S155.692,69,127.87,69z M127.87,166.917c-26.169,0-47.459-21.29-47.459-47.458 S101.701,72,127.87,72c26.168,0,47.458,21.29,47.458,47.458S154.038,166.917,127.87,166.917z"
/>
</g>
</g>
<g>
<g>
<ellipse
transform="matrix(0.9985 -0.0553 0.0553 0.9985 -6.4104 7.254)"
class="st2"
cx="127.87"
cy="119.459"
rx="36.062"
ry="36.061"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M127.87,81.897c-20.712,0-37.562,16.85-37.562,37.562s16.85,37.562,37.562,37.562 c20.711,0,37.561-16.85,37.561-37.562S148.581,81.897,127.87,81.897z M127.87,154.02c-19.058,0-34.562-15.504-34.562-34.562 s15.504-34.562,34.562-34.562c19.057,0,34.561,15.504,34.561,34.562S146.927,154.02,127.87,154.02z"
/>
</g>
</g>
<g>
<g>
<path
class="st1"
d="M152.823,114.847c1.856-1.809,0.832-4.961-1.733-5.334l-12.48-1.813c-1.019-0.148-1.899-0.788-2.354-1.711 l-5.581-11.309c-1.147-2.324-4.461-2.324-5.608,0l-5.581,11.309c-0.456,0.923-1.336,1.563-2.354,1.711l-12.481,1.813 c-2.565,0.373-3.589,3.525-1.733,5.334l9.031,8.803c0.737,0.719,1.073,1.754,0.899,2.768l-2.132,12.43 c-0.438,2.555,2.243,4.503,4.538,3.297l11.163-5.869c0.911-0.479,1.999-0.479,2.91,0l11.163,5.869 c2.294,1.206,4.975-0.742,4.537-3.297l-2.132-12.43c-0.174-1.014,0.162-2.049,0.899-2.768L152.823,114.847z"
/>
</g>
</g>
<g>
<g>
<path
class="st0"
d="M153.87,115.921c1.271-1.238,1.72-3.055,1.172-4.743c-0.549-1.688-1.98-2.895-3.736-3.15l-12.479-1.813 c-0.53-0.077-0.988-0.41-1.226-0.89l-5.582-11.309c-0.784-1.591-2.374-2.579-4.148-2.58c-0.001,0-0.001,0-0.001,0 c-1.774,0-3.364,0.989-4.149,2.58l-5.581,11.308c-0.237,0.48-0.695,0.813-1.225,0.891l-12.481,1.813 c-1.756,0.255-3.188,1.462-3.736,3.15c-0.548,1.688-0.099,3.504,1.172,4.743l9.03,8.803c0.384,0.375,0.56,0.913,0.469,1.44 l-2.133,12.43c-0.3,1.749,0.406,3.483,1.842,4.526c1.435,1.042,3.302,1.176,4.873,0.352l11.162-5.869 c0.473-0.249,1.038-0.25,1.515,0l11.162,5.869c0.684,0.359,1.423,0.537,2.158,0.537c0.955,0,1.904-0.299,2.715-0.889 c1.436-1.043,2.142-2.777,1.842-4.526l-2.132-12.431c-0.091-0.527,0.084-1.065,0.468-1.439L153.87,115.921z M141.415,126.672 l2.132,12.43c0.107,0.625-0.135,1.22-0.647,1.592c-0.513,0.373-1.154,0.418-1.714,0.124l-11.162-5.869 c-0.675-0.354-1.414-0.532-2.153-0.532c-0.74,0-1.479,0.177-2.154,0.532l-11.162,5.869c-0.56,0.294-1.201,0.249-1.714-0.124 c-0.513-0.372-0.755-0.967-0.647-1.591l2.133-12.43c0.257-1.501-0.24-3.032-1.331-4.096l-9.031-8.803 c-0.453-0.442-0.607-1.065-0.412-1.667c0.196-0.603,0.688-1.017,1.314-1.108l12.481-1.813c1.506-0.219,2.809-1.165,3.483-2.531 l5.581-11.309c0.281-0.568,0.826-0.908,1.46-0.908c0.633,0,1.179,0.339,1.458,0.907c0,0,0.001,0,0.001,0l5.581,11.309 c0.674,1.366,1.977,2.312,3.484,2.531l12.479,1.813c0.627,0.091,1.118,0.505,1.314,1.108c0.195,0.602,0.041,1.226-0.412,1.667 l-9.03,8.803C141.654,123.64,141.156,125.171,141.415,126.672z"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category