Иконка Typha In Water
pinhead:typha-in-water
Иконка Typha In Water (pinhead:typha-in-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
- Теги
- typhain, inwater, typhainwater
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.35 5.5c.14 0 .25.13.25.3V6c.28 0 .5.22.5.5v1c0 .28-.22.5-.5.5v3.4l-.04.02c-.08-.04-.16-.08-.23-.14l-.23-.18V8c-.25 0-.45-.17-.49-.41L3.6 7.5v-1c0-.28.22-.5.5-.5v-.2c0-.17.11-.3.25-.3m7-4c.14 0 .25.13.25.3V2c.28 0 .5.22.5.5v1c0 .28-.22.5-.5.5v2.79c.64.38 1.32.96 1.8 1.84V7c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5v-.2c0-.17.11-.3.25-.3s.25.13.25.3V5c.28 0 .5.22.5.5v1c0 .28-.22.5-.5.5v3.95l-.05-.04c-.14-.09-.29-.17-.45-.23v-.6c-.28-1.21-1.02-2.06-1.8-2.62v3.21c-.18.07-.34.16-.5.28V7.14c-.42-.23-.82-.39-1.15-.47a.51.51 0 0 1-.61.36l-.97-.26a.515.515 0 0 1-.35-.62l-.19-.05c-.16-.04-.26-.18-.23-.32c.04-.13.2-.2.36-.16l.19.05c.07-.27.34-.43.61-.35l.97.26c.27.07.42.34.35.61l.24.06c.22.06.49.15.78.29V4c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5v-.2c0-.17.11-.3.25-.3m-10 0c.14 0 .25.13.25.3V2c.28 0 .5.22.5.5v1c0 .28-.22.5-.5.5v1.63c.92-1.7 2.59-2.27 3.32-2.44c-.07-.27.08-.54.35-.61l.97-.26c.27-.08.54.08.61.35l.19-.05c.16-.04.32.03.36.16c.03.14-.07.28-.23.32l-.19.05c.07.27-.09.54-.35.62l-.97.26a.51.51 0 0 1-.61-.36c-1.09.28-2.96 1.31-3.45 3.41v3.6c-.18.07-.34.16-.5.27V4c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5v-.2c0-.17.11-.3.25-.3m6 6c.14 0 .25.13.25.3V8c.28 0 .5.22.5.5v1c0 .28-.22.5-.5.5v.51l-.1-.01c-.13 0-.27.01-.4.04V10c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5v-.2c0-.17.11-.3.25-.3M6.3 13.56l.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-.25a1.44 1.44 0 0 1 1.78 0l.32.25c.3.25.68.4 1.07.43L15 14v-1.5h-.05c-.46 0-.89-.15-1.24-.43l-.32-.26a1.44 1.44 0 0 0-1.78 0l-.31.25c-.36.29-.8.44-1.25.44h-.1c-.45 0-.89-.15-1.25-.44l-.31-.25a1.44 1.44 0 0 0-1.78 0l-.31.25c-.36.29-.8.44-1.25.44h-.1c-.45 0-.89-.15-1.25-.44l-.31-.25a1.44 1.44 0 0 0-1.78 0l-.32.26c-.3.24-.68.39-1.07.43H0V14h.05c.46 0 .89-.16 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-.44"/></svg>Как использовать иконку Typha In Water
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:typha-in-water" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:typha-in-water" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:typha-in-water" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--typha-in-water]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:typha-in-water"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:typha-in-water"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/pinhead/typha-in-water.svg" alt="Иконка Typha In Water" width="24" height="24">Похожие иконки в наборе Pinhead Map Icons
Вопросы и ответы: Иконка Typha In Water
Можно ли бесплатно использовать иконку Typha In Water в коммерческих проектах?
Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Typha In Water в React?
Установите @iconify/react и выведите <Icon icon="pinhead:typha-in-water" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Typha In Water на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/typha-in-water.svg" alt="Иконка Typha In Water">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.