Иконка Social Hi5

foundation:social-hi5

Иконка Social Hi5 (foundation:social-hi5) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Foundation
Автор: Zurb
Лицензия: MIT
Размер: 100 × 100
Теги: socialhi5

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m93.246 44.073l.731-15.993H62.701l-1.564 8.465v-6.128H43.966v7.947h-5.567V40.1c-3.268-2.575-8.316-2.712-12.109-1.3V28.08H3.551v15.041h2.956v12.864H3.55v14.903h60.542v-1.955c3.732 2.115 8.155 2.986 12.412 2.986c5.88 0 10.547-1.768 13.888-4.518c3.461-2.849 5.606-7.444 5.994-12.132c.331-4.007-.623-8.084-3.14-11.196m-45.334-9.71h9.279v6.255h-9.279zm-6.264 32.58H25.361v-7.011h1.557V51.37c0-4.036-4.575-2.609-4.575 4.052v4.51h1.375v7.011H7.497v-7.011h2.955V39.175H7.497v-7.148h14.846V47.18c1.955-3.149 4.606-5.295 8.998-5.295c6.221 0 7.154 5.391 7.154 7.53v10.517h3.152zm18.498 0H42.413v-7.011H45.3V49.484h-2.956V42.31H57.19v17.621h2.956zm16.358 1.031c-6.803 0-12.444-2.532-14.475-6.278c-2.098-3.868-.452-9.839 4.657-9.849c3.333-.006 5.436 1.477 4.732 5.283c-.884 2.564.797 3.414 2.423 3.414c2.464 0 4.336-2.837 4.464-5.733c.12-2.721-1-5.366-3.508-5.395c-1.017-.012-2.227.371-3.379 1.778l-8.77-1.183l3.323-17.985h23.886l-.43 9.416H73.663l-.362 3.016c2.267-1.005 4.984-1.689 7.482-1.689c6.628 0 11.978 3.343 11.667 12.077c0 6.738-5.512 13.128-15.946 13.128"/></svg>

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

React

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

<Icon icon="foundation:social-hi5" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-hi5" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-hi5" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-hi5]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-hi5"></div>

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

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

<iconify-icon icon="foundation:social-hi5"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/foundation/social-hi5.svg" alt="Иконка Social Hi5" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Foundation →