Иконка Palm Tree 20
energy-icons:palm-tree-20
Иконка Palm Tree 20 (energy-icons:palm-tree-20) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 20 × 20. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 20 × 20
- Теги
- palmtree
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10.079 7.437c.426 3.402-.002 6.805-.415 10.945l-.994-.1c.418-4.19.825-7.457.417-10.72z"/><path fill="currentColor" d="M13.333 17.833a.5.5 0 1 1 0 1h-7.5a.5.5 0 1 1 0-1zM9.583 6.982c1.454-.4 2.758-.507 4.032-.174c1.313.342 2.534 1.133 3.821 2.42a.5.5 0 0 1-.707.708c-1.212-1.213-2.283-1.88-3.366-2.162c-1.081-.282-2.234-.196-3.642.206a.5.5 0 0 1-.276 0c-1.413-.403-2.559-.485-3.526-.209c-.953.273-1.802.912-2.586 2.088a.5.5 0 0 1-.832-.554C3.383 7.982 4.41 7.163 5.643 6.81c1.184-.338 2.492-.227 3.94.171"/><path fill="currentColor" d="M12.884 2.841c.553-.044 1.088.137 1.583.508a.5.5 0 0 1-.6.801c-.339-.254-.638-.334-.904-.312c-.274.021-.581.155-.917.446c-.686.594-1.38 1.749-1.995 3.391a.5.5 0 0 1-.936 0C8.5 6.033 7.805 4.878 7.12 4.284c-.336-.291-.642-.425-.916-.446c-.267-.022-.566.058-.904.312a.5.5 0 0 1-.6-.8c.495-.372 1.03-.553 1.583-.509c.546.044 1.047.301 1.492.687c.671.582 1.276 1.507 1.808 2.667c.531-1.16 1.137-2.085 1.809-2.667c.445-.386.946-.643 1.492-.687"/></svg>Как использовать иконку Palm Tree 20
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:palm-tree-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:palm-tree-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:palm-tree-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--palm-tree-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:palm-tree-20"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:palm-tree-20"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/palm-tree-20.svg" alt="Иконка Palm Tree 20" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Palm Tree 20
Можно ли бесплатно использовать иконку Palm Tree 20 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Palm Tree 20 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:palm-tree-20" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Palm Tree 20 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/palm-tree-20.svg" alt="Иконка Palm Tree 20">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.