Иконка Hips

fa7-brands:hips

Иконка Hips (fa7-brands:hips) — бесплатная SVG-иконка из набора Font Awesome Brands от Dave Gandy. Она нарисована на сетке 640 × 640. Font Awesome Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Font Awesome Brands
Автор: Dave Gandy
Лицензия: CC-BY-4.0
Размер: 640 × 640
Теги: hip

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M251.6 221.6c0-1.9-.9-2.8-2.8-2.8h-40.9c-1.6 0-2.7 1.4-2.7 2.8v201.8c0 1.4 1.1 2.8 2.7 2.8h40.9c1.9 0 2.8-.9 2.8-2.8zM156.5 232c-16.1-11.8-36.3-17.9-60.3-18c-18.1-.1-34.6 3.7-49.8 11.4v-81.2c0-1.8-.9-2.7-2.8-2.7H2.7q-2.7 0-2.7 2.7v279.2c0 1.9.9 2.8 2.7 2.8h41c1.9 0 2.8-.9 2.8-2.8V287.3c0-.8-2.8-27 45.8-27c48.5 0 45.8 26.1 45.8 27v122.6c0 9 7.3 16.3 16.4 16.3h27.3c1.8 0 2.7-.9 2.7-2.8V287.3c0-23.4-9.3-41.8-28-55.3m478.4 110.1c-6.8-15.7-18.4-27-34.9-34.1l-57.6-25.3c-8.6-3.6-9.2-11.2-2.6-16.1c7.4-5.5 44.3-13.9 84 6.8c1.7 1 4-.3 4-2.4v-44.7c0-1.3-.6-2.1-1.9-2.6c-17.7-6.6-36.1-9.9-55.1-9.9c-26.5 0-45.3 5.8-58.5 15.4c-.5.4-28.4 20-22.7 53.7c3.4 19.6 15.8 34.2 37.2 43.6l53.6 23.5c11.6 5.1 15.2 13.3 12.2 21.2c-3.7 9.1-13.2 13.6-36.5 13.6c-24.3 0-44.7-8.9-58.4-19.1c-2.1-1.4-4.4.2-4.4 2.3v34.4c0 10.4 4.9 17.3 14.6 20.7c15.6 5.5 31.6 8.2 48.2 8.2c12.7 0 25.8-1.2 36.3-4.3c.7-.3 36-8.9 45.6-45.8c3.5-13.5 2.4-26.5-3.1-39.1M376.2 213.8c-31.7 0-104.2 20.1-104.2 103.5v183.5c0 .8.6 2.7 2.7 2.7h40.9c1.9 0 2.8-.9 2.8-2.7V412c16.5 12.7 35.8 19.1 57.7 19.1c60.5 0 108.7-48.5 108.7-108.7c.1-60.3-48.2-108.6-108.6-108.6m0 46.6c22.8-.9 44.3 10.7 55.9 30.3c11.7 19.6 11.7 44.1 0 63.7c-11.6 19.6-33.1 31.2-55.9 30.3c-22.8.9-44.3-10.7-55.9-30.3c-11.7-19.6-11.7-44.1 0-63.7c11.6-19.6 33.1-31.2 55.9-30.3M228.3 136.5c-15.9 0-28.8 12.9-28.9 28.9c0 15.6 12.7 28.9 28.9 28.9s28.9-13.1 28.9-28.9c0-16.2-13-28.9-28.9-28.9"/></svg>

Как использовать иконку Hips

React

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

<Icon icon="fa7-brands:hips" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:hips" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:hips" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--hips]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:hips"></div>

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

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

<iconify-icon icon="fa7-brands:hips"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fa7-brands/hips.svg" alt="Иконка Hips" width="24" height="24">

Иконка Hips в других наборах

Вопросы и ответы: Иконка Hips

Можно ли бесплатно использовать иконку Hips в коммерческих проектах?

Да. Font Awesome Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Hips в React?

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

Как добавить иконку Hips на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa7-brands/hips.svg" alt="Иконка Hips">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Font Awesome Brands →