Hipchat アイコン
fontisto:hipchat
Hipchat アイコン(fontisto:hipchat)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 26 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 26 × 24
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="24" viewBox="0 0 26 24"><path fill="currentColor" d="M23.299 22.536a5.02 5.02 0 0 1-2.152-2.576l-.011-.035a.48.48 0 0 1 .189-.567l.002-.001c2.586-1.873 4.252-4.879 4.265-8.275v-.002C25.592 4.967 19.863 0 12.796 0C5.729.064 0 5.029 0 11.077c0 6.11 5.729 11.076 12.796 11.076l.148.001c.894 0 1.767-.094 2.609-.271l-.082.014a.49.49 0 0 1 .509.128a13.5 13.5 0 0 0 6.599 1.974l.023.001a.905.905 0 0 0 1.016-.89c.128-.193-.129-.385-.32-.574zm-3.439-1.018a.2.2 0 0 1 .065.125v.001a.136.136 0 0 1-.128.128a10.2 10.2 0 0 1-3.714-1.924l.018.015a.64.64 0 0 0-.644-.128l.005-.001a11.8 11.8 0 0 1-2.669.32h-.005c-5.919 0-10.695-3.945-10.695-8.851s4.776-8.851 10.695-8.851s10.696 3.945 10.696 8.851a8.32 8.32 0 0 1-4.289 7.045l-.043.022a.74.74 0 0 0-.383.573v.003a6.36 6.36 0 0 0 1.098 2.692l-.013-.02zm-.063-7.831v-.011a.5.5 0 0 0-.501-.501h-.007a.5.5 0 0 0-.32.128a9.36 9.36 0 0 1-6.008 2.167l-.174-.002h.009a10 10 0 0 1-6.194-2.191l.02.016a.7.7 0 0 0-.317-.128h-.003a.52.52 0 0 0-.508.577v-.002a.86.86 0 0 0 .318.624l.002.001a8.46 8.46 0 0 0 6.513 3.057l.178-.002h-.009h.065a8.1 8.1 0 0 0 6.672-3.103l.013-.018c.064-.192.252-.448.252-.64z"/></svg>Hipchat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:hipchat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:hipchat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:hipchat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--hipchat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:hipchat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:hipchat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/hipchat.svg" alt="Hipchat アイコン" width="24" height="24">他のアイコンセットの Hipchat アイコン
Hipchat アイコン のよくある質問
Hipchat アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hipchat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:hipchat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hipchat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/hipchat.svg" alt="Hipchat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。