Add icons to this collection by clicking the heart icon.
Christmas Ornament icon - also known as christmas, ball, ornament, christmas ball, decoration, xmas, christmas ornament, and bauble. Created in a clean flat style with a gray, black, olive, green, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#383838"
d="M266 104.53a10.22 10.22 0 0 1-10-8 10.22 10.22 0 0 1-16 6.1c-13.52-9.8-19.6-39.15-19.6-56.87 0-13.44 3.31-24.82 9.57-32.89a32.76 32.76 0 0 1 52 0c6.26 8.07 9.57 19.45 9.57 32.89 0 17.72-6.08 47.07-19.6 56.87a10.16 10.16 0 0 1-5.94 1.9zm-10-84.11c-11.17 0-15.14 13.07-15.14 25.3 0 17.8 6.75 37.14 11.15 40.33a10.18 10.18 0 0 1 4 6.12 10.18 10.18 0 0 1 4-6.12c4.4-3.19 11.15-22.53 11.15-40.33-.02-12.23-3.99-25.3-15.16-25.3z"
/>
<path
fill="#fcc956"
d="M256 136.65a188 188 0 0 1 41.85 4.69v-36.79A19.81 19.81 0 0 0 278 84.74h-45.55a19.82 19.82 0 0 0-19.82 19.81v37.14a188.43 188.43 0 0 1 43.37-5.04z"
/>
<path
fill="#f7ddad"
d="M231.06 104.55a19.81 19.81 0 0 1 19.81-19.81h-18.42a19.82 19.82 0 0 0-19.82 19.81v37.14q9.06-2.13 18.43-3.37z"
/>
<path
fill="#f4ac2c"
d="M278 84.74h-27.6a19.82 19.82 0 0 1 19.82 19.81v32.65a186.06 186.06 0 0 1 27.63 4.14v-36.79A19.81 19.81 0 0 0 278 84.74z"
/>
<circle cx="256" cy="324.32" r="187.68" fill="#296d1b" />
<circle cx="255.24" cy="293.64" r="156.99" fill="#3a892c" />
<ellipse
cx="331.86"
cy="416.28"
fill="#eaa824"
rx="24.21"
ry="19.59"
transform="rotate(-82.7 331.791 416.224)"
/>
<ellipse
cx="180.14"
cy="416.28"
fill="#eaa824"
rx="19.59"
ry="24.21"
transform="rotate(-7.25 180.756 416.74)"
/>
<ellipse
cx="400.29"
cy="231.86"
fill="#eaa824"
rx="15.72"
ry="24.21"
transform="rotate(-20.07 400.232 231.86)"
/>
<ellipse
cx="111.71"
cy="231.86"
fill="#eaa824"
rx="24.21"
ry="15.72"
transform="rotate(-69.93 111.772 231.948)"
/>
<circle cx="255.24" cy="293.64" r="156.99" fill="#3a892c" />
<circle cx="255.24" cy="234.83" r="98.18" fill="#49a336" />
<ellipse
cx="150.65"
cy="271.02"
fill="#8ccc7d"
rx="52.83"
ry="28.6"
transform="rotate(-69.93 150.728 271.13)"
/>
<g fill="#fcc956">
<circle cx="256" cy="232.37" r="24.21" />
<ellipse
cx="180.14"
cy="232.37"
rx="24.21"
ry="19.59"
transform="rotate(-82.5 180.747 232.828)"
/>
<path
d="M103.4 254.6c8.16 3 18.49-4.79 23.08-17.35 4.14-11.35 2.16-22.7-4.28-27a156.34 156.34 0 0 0-19 44.22z"
/>
<ellipse
cx="331.86"
cy="232.37"
rx="19.59"
ry="24.21"
transform="rotate(-7.25 332.523 232.442)"
/>
<path
d="M388.76 211c-5.6 4.77-7.15 15.5-3.24 26.21 4.37 12 14 19.57 21.9 17.69a156 156 0 0 0-18.66-43.9z"
/>
</g>
<path
fill="#ffedd2"
d="M168.77 221.4a16 16 0 0 0-5.18-1 28.93 28.93 0 0 0-2.88 9.43c-1.7 13.26 5.62 25.13 16.35 26.5a16.16 16.16 0 0 0 5.85-.32c1.09-17.11-3.91-30.88-14.14-34.61z"
/>
<circle cx="256" cy="416.28" r="24.21" fill="#fcc956" />
<path
fill="#fcc956"
d="M177.06 392.27c-10.73 1.37-18.05 13.24-16.35 26.5a1.87 1.87 0 0 1 0 .25 156.75 156.75 0 0 0 30.39 18c6.14-4.67 9.67-13.57 8.43-23.2-1.66-13.3-11.74-22.93-22.47-21.55z"
/>
<ellipse
cx="111.71"
cy="416.79"
fill="#eaa824"
rx="15.72"
ry="24.21"
transform="rotate(-20.07 111.66 416.752)"
/>
<path
fill="#fcc956"
d="M334.94 392.27c-10.73-1.38-20.81 8.25-22.51 21.52-1.2 9.34 2.09 18 7.88 22.76a156.89 156.89 0 0 0 31.09-18.81c1.2-12.84-6.01-24.13-16.46-25.47z"
/>
<ellipse
cx="400.29"
cy="416.79"
fill="#eaa824"
rx="24.21"
ry="15.72"
transform="rotate(-69.93 400.492 416.94)"
/>
</svg>
More icons in the same style and category