Icône Social Hi5

foundation:social-hi5

L'icône Social Hi5 (foundation:social-hi5) est une icône SVG gratuite de la collection Foundation par Zurb. Elle est dessinée sur une grille de 100 × 100. Les Foundation icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Foundation
Auteur: Zurb
Licence: MIT
Taille: 100 × 100
Mots-clés: socialhi5

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/foundation/social-hi5.svg" alt="Icône Social Hi5" width="24" height="24">

Icônes similaires dans Foundation

FAQ : Icône Social Hi5

L'icône Social Hi5 est-elle gratuite pour un usage commercial ?

Oui. Les Foundation icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Social Hi5 dans React ?

Installez @iconify/react et affichez <Icon icon="foundation:social-hi5" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Social Hi5 à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/foundation/social-hi5.svg" alt="Icône Social Hi5">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Foundation →