<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.8 2.4a1 1 0 0 0-1.6 0l-3 4a1 1 0 0 0 .093 1.307c.202.202.446.362.707.489l-2.753 3.146a1 1 0 0 0 .046 1.365c.361.361.8.656 1.28.893l-3.32 3.736a1 1 0 0 0 .192 1.496c.902.601 2.105 1.01 3.385 1.273a20 20 0 0 0 3.17.374V21a1 1 0 1 0 2 0v-.521a20 20 0 0 0 3.17-.374c1.28-.263 2.483-.672 3.385-1.273a1 1 0 0 0 .192-1.496l-3.32-3.735c.48-.238.919-.533 1.28-.894a1 1 0 0 0 .046-1.366L15 8.197c.26-.127.505-.287.707-.489A1 1 0 0 0 15.8 6.4zm1.553 11.878c-.758.15-1.56.222-2.353.222s-1.595-.073-2.353-.222l-.386.434c.478.937 1.503 1.776 2.881 2.394 1.208.542 2.62.88 4.01.955q.686-.162 1.235-.37zm-1.41 4.201a12 12 0 0 1-1.21-.46c-1.325-.594-2.5-1.447-3.174-2.518l-1.946 2.19c.466.176 1.01.33 1.62.454 1.142.235 2.449.355 3.767.355q.473 0 .942-.02m-4.457-6.658L11.2 8.719a10 10 0 0 0 1.6 0l.807.922c-.63.966-1.84 2.151-3.756 2.636a8 8 0 0 1-.451-.114 5.6 5.6 0 0 1-.914-.342m7.028 0-1.228-1.404a7.3 7.3 0 0 1-2.318 2.083H12c.922 0 1.828-.116 2.6-.337q.521-.15.914-.342m-3.918-5.08a7 7 0 0 1-1.054-.13l.409-.545c.192.23.408.458.645.674m1.862-.13a5 5 0 0 1-.264.049 4.4 4.4 0 0 1-.92-.655 6 6 0 0 1-.705-.764L12 4.667zM12.5 10a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m-2 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2.5 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0M8.5 18a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m6.5-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0"/></svg></template>
<script setup lang="ts">
/**
 * ChristmasTree24 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
