Иконка Campsite Beside Conifer Tree Above Water

pinhead:campsite-beside-conifer-tree-above-water

Иконка Campsite Beside Conifer Tree Above Water (pinhead:campsite-beside-conifer-tree-above-water) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Pinhead Map Icons
Автор: Quincy Morgan
Лицензия: CC0-1.0
Размер: 15 × 15
Теги: campsitebeside, besideconifer, conifertree, treeabove, abovewater

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.9 3.68a.4.4 0 0 1 .15.14L8.5 10.5h.67c.18 0 .33.15.33.33v.84c0 .18-.15.33-.33.33H.33c-.18 0-.33-.15-.33-.33v-.84c0-.18.15-.33.33-.33H1l3.45-6.68c.09-.16.29-.23.45-.14M11.5 0l2.22 2.3c.07.08.11.19.11.3c0 .22-.16.4-.35.4H12l2.3 2.3c.06.07.1.15.11.24l.01.06c0 .22-.16.4-.36.4h-1.81l2.6 2.65c.2.2.19.51 0 .71c-.1.09-.22.14-.35.14H12V12h-1V9.5H8.83L8.3 8.48L10.75 6H8.93c-.1 0-.19-.05-.26-.13a.45.45 0 0 1 .02-.57L11 3H9.52a.3.3 0 0 1-.22-.09l-.05-.05a.45.45 0 0 1 .03-.56zM4.75 7L3 10.5h3.5zm7.75 5.5c.32 0 .64.11.89.31l.32.25c.3.25.68.4 1.07.43l.22.01V15h-.05c-.46 0-.89-.16-1.24-.44l-.32-.25a1.44 1.44 0 0 0-1.78 0l-.31.25c-.36.28-.8.44-1.25.44h-.1c-.45 0-.89-.16-1.25-.44l-.31-.25a1.44 1.44 0 0 0-1.78 0l-.31.25c-.36.28-.8.44-1.25.44h-.1c-.45 0-.89-.16-1.25-.44l-.31-.25a1.44 1.44 0 0 0-1.78 0l-.32.25c-.3.25-.68.4-1.07.43L0 15v-1.5h.05c.46 0 .89-.15 1.24-.44l.32-.25a1.44 1.44 0 0 1 1.78 0l.31.25c.36.28.8.44 1.25.44h.1c.45 0 .89-.16 1.25-.44l.31-.25a1.44 1.44 0 0 1 1.78 0l.31.25c.36.28.8.44 1.25.44h.1c.45 0 .89-.16 1.25-.44l.31-.25c.25-.2.57-.31.89-.31"/></svg>

Как использовать иконку Campsite Beside Conifer Tree Above Water

React

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

<Icon icon="pinhead:campsite-beside-conifer-tree-above-water" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:campsite-beside-conifer-tree-above-water" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:campsite-beside-conifer-tree-above-water" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--campsite-beside-conifer-tree-above-water]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:campsite-beside-conifer-tree-above-water"></div>

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

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

<iconify-icon icon="pinhead:campsite-beside-conifer-tree-above-water"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pinhead/campsite-beside-conifer-tree-above-water.svg" alt="Иконка Campsite Beside Conifer Tree Above Water" width="24" height="24">

Вопросы и ответы: Иконка Campsite Beside Conifer Tree Above Water

Можно ли бесплатно использовать иконку Campsite Beside Conifer Tree Above Water в коммерческих проектах?

Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Campsite Beside Conifer Tree Above Water в React?

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

Как добавить иконку Campsite Beside Conifer Tree Above Water на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/campsite-beside-conifer-tree-above-water.svg" alt="Иконка Campsite Beside Conifer Tree Above Water">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →