Hips アイコン
la:hips
Hips アイコン(la:hips)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- その他
- タグ
- hip
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M11.479 7c-.79 0-1.44.67-1.44 1.49c0 .8.63 1.49 1.44 1.49s1.45-.68 1.45-1.49c0-.84-.65-1.49-1.45-1.49M.254 7.26c-.09 0-.131.04-.131.14v14.39c0 .1.04.15.13.15h2.052c.1 0 .138-.05.138-.15v-7.01c0-.05-.139-1.4 2.291-1.4s2.29 1.35 2.29 1.4v6.32c0 .46.37.84.82.84h1.37c.09 0 .13-.05.13-.15v-7.01c-.001-1.21-.46-2.16-1.4-2.86c-.8-.6-1.81-.92-3.01-.92c-.91-.01-1.73.19-2.49.58V7.4c0-.1-.05-.14-.14-.14zM18.88 11c-1.562 0-5.117 1.012-5.117 5.234v9.29c0 .048.03.138.129.138h2.011c.088 0 .139-.04.139-.139v-4.488c.805.638 1.756.963 2.826.963c2.976 0 5.344-2.455 5.344-5.5c0-3.053-2.366-5.498-5.332-5.498m9.723 0c-1.305 0-2.227.285-2.875.775c-.02.02-1.395 1.01-1.11 2.717q.25 1.487 1.824 2.21l2.631 1.187c.57.256.747.666.6 1.068c-.187.461-.649.688-1.797.688a4.8 4.8 0 0 1-2.865-.961c-.098-.068-.215.009-.215.117v1.736c0 .53.244.874.715 1.05a7 7 0 0 0 2.365.413c.628 0 1.266-.06 1.787-.217c.03-.02 1.765-.45 2.236-2.314a3.06 3.06 0 0 0-.158-1.983c-.333-.795-.902-1.363-1.707-1.726l-2.824-1.276c-.422-.186-.453-.57-.129-.814c.363-.285 2.168-.706 4.121.344c.078.049.195-.021.195-.12V11.63c0-.07-.028-.109-.097-.129a7.4 7.4 0 0 0-2.697-.5zm-18.145.24c-.08 0-.13.08-.13.15v10.4c0 .08.05.15.13.15h2.05c.09 0 .14-.05.14-.15v-10.4c0-.1-.05-.15-.14-.15zm8.422 2.108c1.689 0 3.053 1.404 3.053 3.152c.002 1.738-1.344 3.152-3.053 3.152c-.845 0-1.57-.314-2.16-.923c-.6-.62-.895-1.355-.895-2.229c0-1.748 1.356-3.152 3.055-3.152"/></svg>Hips アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:hips" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:hips" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:hips" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--hips]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:hips"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:hips"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/hips.svg" alt="Hips アイコン" width="24" height="24">他のアイコンセットの Hips アイコン
Hips アイコン のよくある質問
Hips アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hips アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:hips" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hips アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/hips.svg" alt="Hips アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。