Иконка Christmas Tree

streamline-emojis:christmas-tree

Иконка Christmas Tree (streamline-emojis:christmas-tree) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Животные и природа
Теги: christmastree, christma

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12 45.5a12 1.5 0 1 0 24 0a12 1.5 0 1 0-24 0" opacity=".15"/><path fill="#dea47a" d="M30.48 44.17a.83.83 0 0 1-.66 1.33H18.07a.83.83 0 0 1-.66-1.33a11.14 11.14 0 0 0 2.23-6.69v-3.82h8.61v3.82a11.14 11.14 0 0 0 2.23 6.69"/><path fill="#bf8256" d="M28.88 41.16a10.9 10.9 0 0 1-.63-3.68v-3.82h-8.61v3.82a11.2 11.2 0 0 1-.64 3.68Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.48 44.17a.83.83 0 0 1-.66 1.33H18.07a.83.83 0 0 1-.66-1.33a11.14 11.14 0 0 0 2.23-6.69v-3.82h8.61v3.82a11.14 11.14 0 0 0 2.23 6.69"/><path fill="#6dd627" d="m38.17 34.32l-3.85-4.58a.89.89 0 0 1 .68-1.46h.59a1.49 1.49 0 0 0 1.08-2.51l-4-4.29a1.07 1.07 0 0 1 .78-1.81a1.49 1.49 0 0 0 1.1-2.5l-9-9.78a2.17 2.17 0 0 0-3.17 0l-9 9.78a1.49 1.49 0 0 0 1.09 2.5a1.08 1.08 0 0 1 .79 1.81l-4 4.29a1.49 1.49 0 0 0 1.09 2.51h.59a.89.89 0 0 1 .68 1.46l-3.9 4.58A2.22 2.22 0 0 0 11.41 38h25.06a2.22 2.22 0 0 0 1.7-3.68"/><path fill="#9ceb60" d="m14.28 19.66l8.08-8.76a2.17 2.17 0 0 1 3.17 0l8.08 8.76a1.48 1.48 0 0 0 .94-2.49l-9-9.78a2.17 2.17 0 0 0-3.17 0l-9 9.78a1.48 1.48 0 0 0 .9 2.49"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m38.17 34.32l-3.85-4.58a.89.89 0 0 1 .68-1.46h.59a1.49 1.49 0 0 0 1.08-2.51l-4-4.29a1.07 1.07 0 0 1 .78-1.81a1.49 1.49 0 0 0 1.1-2.5l-9-9.78a2.17 2.17 0 0 0-3.17 0l-9 9.78a1.49 1.49 0 0 0 1.09 2.5a1.08 1.08 0 0 1 .79 1.81l-4 4.29a1.49 1.49 0 0 0 1.09 2.51h.59a.89.89 0 0 1 .68 1.46l-3.9 4.58A2.22 2.22 0 0 0 11.41 38h25.06a2.22 2.22 0 0 0 1.7-3.68"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m23.94 6.69l-1.13.6a.88.88 0 0 1-1.28-.94l.21-1.26l-.91-.89a.88.88 0 0 1 .49-1.51l1.26-.19l.57-1.14a.89.89 0 0 1 1.59 0l.57 1.14l1.26.19a.88.88 0 0 1 .49 1.51l-.91.89l.21 1.26a.88.88 0 0 1-1.28.94Z"/><path fill="#ff866e" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.68 28.33h-3.47a.44.44 0 0 0-.44.47l.23 2.64a2 2 0 0 0 3.93 0l.21-2.64a.44.44 0 0 0-.46-.47"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.38 23.45a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0m-11.53 0a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ffcebf" d="M32.93 28.11c0 .53-.72 1-1.61 1s-1.61-.44-1.61-1s.72-1 1.61-1s1.61.47 1.61 1m-14.75.07c0 .54-.72 1-1.61 1s-1.61-.43-1.61-1s.72-1 1.61-1s1.61.47 1.61 1"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.6 15.47a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.71 13.26a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ff6196" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.61 15.92a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#00dfeb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.63 15.47a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.52 13.26a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/></svg>

Как использовать иконку Christmas Tree

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:christmas-tree" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:christmas-tree" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:christmas-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--christmas-tree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:christmas-tree"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:christmas-tree"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/christmas-tree.svg" alt="Иконка Christmas Tree" width="24" height="24">

Иконка Christmas Tree в других наборах

Вопросы и ответы: Иконка Christmas Tree

Можно ли бесплатно использовать иконку Christmas Tree в коммерческих проектах?

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Christmas Tree в React?

Установите @iconify/react и выведите <Icon icon="streamline-emojis:christmas-tree" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Christmas Tree на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/christmas-tree.svg" alt="Иконка Christmas Tree">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Streamline Emojis →