Christmasstree icon
whh:christmasstree
The Christmasstree icon (whh:christmasstree) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 897 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 897 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="897" height="1024" viewBox="0 0 897 1024"><path fill="currentColor" d="M897 769q0 5-1 10v1l-1 1q-1 5-3 11v1q-2 4-5 9l-1 2q-3 3-6 7l-3 3l-4 4q-4 2-7 4l-.5.5l-.5.5h-1q-11 6-23 8q-7 1-8 1H577v128q0 26-19 45t-45 19H384q-26 0-45-19t-19-45V832H64q-1 0-8-1q-12-2-23-8h-1l-.5-.5l-.5-.5q-3-1-7-4q-2-3-4-4l-3-3q-3-4-6-7l-.5-1l-.5-1q-3-5-5-9v-1q-2-6-3-11q-1 0-1-1v-1q-1-5-1-10v-4q1-4 1-7q1-4 2-9v-1q4-12 13-22l104-157q92 90 256.5 144T737 767q78 0 159-10v1q0 3 1 7zm-737-66q-13 0-22.5 9.5t-9.5 23t9.5 22.5t22.5 9t22.5-9t9.5-22.5t-9.5-23T160 703m128.5 0q-13.5 0-23 9.5t-9.5 23t9.5 22.5t23 9t22.5-9t9-22.5t-9-23t-22.5-9.5M159 511h-39q-12-2-23-8q-1 0-1-.5t-.5-.5H95q-3-2-6-5q-4-2-5-3t-3-4q-3-3-5-6l-1.5-1.5l-.5-.5q-3-5-5-9v-2q-2-5-3-10l-.5-1l-.5-1q-1-5-1-10v-5q1-4 1-6q1-4 2-9v-1q6-19 22-31l73-88q65 110 233.5 183T780 574l84 126q-50 3-95 3q-192 0-354-52T159 511m65.5-64q-13.5 0-23 9.5T192 479t9.5 22.5t23 9.5t22.5-9.5t9-22.5t-9-22.5t-22.5-9.5m128 64q-13.5 0-23 9.5T320 543t9.5 22.5t23 9.5t22.5-9.5t9-22.5t-9-22.5t-22.5-9.5m192 64q-13.5 0-22.5 9.5t-9 22.5t9 22.5t22.5 9.5t23-9.5T577 607t-9.5-22.5t-23-9.5M832 459l-1 2q-1 5-3 10v2q-2 4-5 9l-.5.5l-.5 1.5l-6 6q-2 3-3 4t-5 3q-3 3-6 5h-.5l-.5 1h-1q-4 2-16 5q-200-12-356-80T204 259l113-137q62 76 177 132t262 80l52 63q16 12 22 31v1q1 5 2 9q0 2 1 6v5q0 5-1 10M416.5 255q-13.5 0-23 9t-9.5 22.5t9.5 23t23 9.5t23-9.5t9.5-23t-9.5-22.5t-23-9m128 64q-13.5 0-22.5 9.5t-9 22.5t9 22.5t22.5 9.5t23-9.5T577 351t-9.5-22.5t-23-9.5M673 383q-13 0-22.5 9.5T641 415t9.5 22.5T673 447t22.5-9.5T705 415t-9.5-22.5T673 383M393 31q0-1 .5-1.5t1.5-.5q5-9 14-16q1-1 3-2q0-1 2-2t3-2q1 0 3.5-.5T424 5q7-3 13-4q4-1 11.5-1T461 1t12 4q1 1 3.5 1.5t4 1T484 10q1 0 1 1l3 2q9 7 15 16l.5.5l.5 1.5l180 216Q467 189 360 70z"/></svg>How to use the Christmasstree icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:christmasstree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:christmasstree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:christmasstree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--christmasstree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:christmasstree"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:christmasstree"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/christmasstree.svg" alt="Christmasstree icon" width="24" height="24">Christmasstree icon FAQ
Is the Christmasstree icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Christmasstree icon in React?
Install @iconify/react and render <Icon icon="whh:christmasstree" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Christmasstree icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/christmasstree.svg" alt="Christmasstree icon">, or paste the SVG code inline to style it with CSS.