Иконка Hips
la:hips
Иконка Hips (la:hips) — бесплатная 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
- Категория
- Другое
- Теги
- hip
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M11.479 7c-.79 0-1.44.67-1.44 1.49c0 .8.63 1.49 1.44 1.49s1.45-.68 1.45-1.49c0-.84-.65-1.49-1.45-1.49M.254 7.26c-.09 0-.131.04-.131.14v14.39c0 .1.04.15.13.15h2.052c.1 0 .138-.05.138-.15v-7.01c0-.05-.139-1.4 2.291-1.4s2.29 1.35 2.29 1.4v6.32c0 .46.37.84.82.84h1.37c.09 0 .13-.05.13-.15v-7.01c-.001-1.21-.46-2.16-1.4-2.86c-.8-.6-1.81-.92-3.01-.92c-.91-.01-1.73.19-2.49.58V7.4c0-.1-.05-.14-.14-.14zM18.88 11c-1.562 0-5.117 1.012-5.117 5.234v9.29c0 .048.03.138.129.138h2.011c.088 0 .139-.04.139-.139v-4.488c.805.638 1.756.963 2.826.963c2.976 0 5.344-2.455 5.344-5.5c0-3.053-2.366-5.498-5.332-5.498m9.723 0c-1.305 0-2.227.285-2.875.775c-.02.02-1.395 1.01-1.11 2.717q.25 1.487 1.824 2.21l2.631 1.187c.57.256.747.666.6 1.068c-.187.461-.649.688-1.797.688a4.8 4.8 0 0 1-2.865-.961c-.098-.068-.215.009-.215.117v1.736c0 .53.244.874.715 1.05a7 7 0 0 0 2.365.413c.628 0 1.266-.06 1.787-.217c.03-.02 1.765-.45 2.236-2.314a3.06 3.06 0 0 0-.158-1.983c-.333-.795-.902-1.363-1.707-1.726l-2.824-1.276c-.422-.186-.453-.57-.129-.814c.363-.285 2.168-.706 4.121.344c.078.049.195-.021.195-.12V11.63c0-.07-.028-.109-.097-.129a7.4 7.4 0 0 0-2.697-.5zm-18.145.24c-.08 0-.13.08-.13.15v10.4c0 .08.05.15.13.15h2.05c.09 0 .14-.05.14-.15v-10.4c0-.1-.05-.15-.14-.15zm8.422 2.108c1.689 0 3.053 1.404 3.053 3.152c.002 1.738-1.344 3.152-3.053 3.152c-.845 0-1.57-.314-2.16-.923c-.6-.62-.895-1.355-.895-2.229c0-1.748 1.356-3.152 3.055-3.152"/></svg>Как использовать иконку Hips
React
import { Icon } from "@iconify/react";
<Icon icon="la:hips" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:hips" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:hips" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--hips]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:hips"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:hips"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/la/hips.svg" alt="Иконка Hips" width="24" height="24">Иконка Hips в других наборах
Вопросы и ответы: Иконка Hips
Можно ли бесплатно использовать иконку Hips в коммерческих проектах?
Да. Line Awesome icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hips в React?
Установите @iconify/react и выведите <Icon icon="la:hips" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hips на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/hips.svg" alt="Иконка Hips">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.