Иконка Pied Piper Hat
la:pied-piper-hat
Иконка Pied Piper Hat (la:pied-piper-hat) — бесплатная SVG-иконка из набора Line Awesome от Icons8. Она нарисована на сетке 32 × 32. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Line Awesome
- Автор
- Icons8
- Лицензия
- Apache-2.0
- Размер
- 32 × 32
- Категория
- Другое
- Теги
- piedpiper, piperhat, piedpiperhat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m31 4.969l-1.219.312c-6.289 1.516-8.918 7.168-10.218 10.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657 0-4.696 1.496-6.22 3.25c-1.421 1.637-2.405 3.508-3.218 4.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625 1.375s.351.746 1.125 1.375C2.992 26.411 4.242 27 6 27c2.457 0 5.79-1 9-1h5v-.063c.504.012 1.016-.18 1.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309 0-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23 1.343-.375a12 12 0 0 0 1.563-.532c.5-.218 1.004-.464 1.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613 1.758-2.496 3.5-3.156L31 7zm-6.281 5.937c-.078.38-.196.785-.25 1.125c-.114.684-.262 1.246-.375 1.469c-.028.004-.157.11-.407.219a9 9 0 0 1-1.093.375c.59-1.164 1.18-2.063 2.125-3.188M15.812 16c1.313 0 2.004.477 2.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656 1.5C14.18 19.773 11.648 21 10 21v2c3.11 0 6.004-2 11-2h.531l-1.812 3H15c-3.602 0-7.164 1-9 1c-.707 0-1.234-.117-1.656-.281c.98-.153 2.105-.352 3.093-.813l.282-.125l.156-.281c.875-1.484 1.898-3.418 3.219-4.938C12.414 17.044 13.902 16 15.813 16z"/></svg>Как использовать иконку Pied Piper Hat
React
import { Icon } from "@iconify/react";
<Icon icon="la:pied-piper-hat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:pied-piper-hat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:pied-piper-hat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--pied-piper-hat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:pied-piper-hat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:pied-piper-hat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/la/pied-piper-hat.svg" alt="Иконка Pied Piper Hat" width="24" height="24">Похожие иконки в наборе Line Awesome
Иконка Pied Piper Hat в других наборах
Вопросы и ответы: Иконка Pied Piper Hat
Можно ли бесплатно использовать иконку Pied Piper Hat в коммерческих проектах?
Да. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pied Piper Hat в React?
Установите @iconify/react и выведите <Icon icon="la:pied-piper-hat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pied Piper Hat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/pied-piper-hat.svg" alt="Иконка Pied Piper Hat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.