Social Hi5 アイコン

Q: Social Hi5 アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

foundation:social-hi5

Social Hi5 アイコン(foundation:social-hi5)は、Foundation セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

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

Foundation の関連アイコン

Social Hi5 アイコンのよくある質問

Social Hi5 アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Social Hi5 アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Foundation アイコンをすべて見る →