Hooli アイコン
la:hooli
Hooli アイコン(la:hooli)は、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
- カテゴリ
- その他
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M1.734 10.857c-.824.025-1.36.303-1.568.76c0 0-1.245 1.64 3.09 5.541v3.686H6.15v-1.432q-.488-.314-.968-.68a31 31 0 0 1-1.92-1.57v-1.549c.655.735 1.525 1.57 2.67 2.516l.224.18v-1.49c0-.346.084-.91.54-.91c.454 0 .53.344.53.75v2.435c.9.61 1.865 1.103 2.885 1.478v-4.695c0-.935-.67-1.87-2.03-1.87a2.21 2.21 0 0 0-1.925 1.095v-2.715c2.095 1.045 4.196 2.326 4.996 2.916c-.51.73-.464 1.403-.464 2.183c0 .935-.07 1.715.84 2.625s2.519.856 2.519.856s1.614.054 2.52-.856c.91-.91.835-1.69.835-2.625c.001-.925.076-1.71-.834-2.615c-.91-.91-2.52-.853-2.52-.853s-1.61-.057-2.52.853a3 3 0 0 0-.264.3c-1.91-1.48-3.627-2.324-5.108-3.054v-1.035l-1.125.53c-1.36-.553-2.472-.78-3.297-.755m26.58.22L25.42 12.44v8.403h2.894v-9.768zM2.457 11.3c.635-.045 1.42.14 2.26.455l-1.461.685v3.166C.82 12.882 1.31 11.805 1.496 11.65c.253-.213.58-.322.961-.35m28.098.845c-.795 0-1.446.43-1.446 1.225a1.446 1.446 0 0 0 2.891 0c0-.8-.645-1.225-1.445-1.225m-9.205 1.872s-1.617-.057-2.522.853c-.91.91-.84 1.696-.84 2.631s-.07 1.715.84 2.625s2.522.855 2.522.855s1.614.055 2.52-.855c.91-.91.839-1.69.839-2.625c-.005-.94.065-1.726-.84-2.63c-.91-.91-2.52-.854-2.52-.854zm7.755 1.298v5.528H32v-5.528zm-15.056.586c.17 0 .533.105.533.545v2.022c0 .18-.088.625-.533.625s-.535-.445-.535-.625v-2.022c0-.435.365-.545.535-.545m7.295 0c.17 0 .535.105.535.545v2.022c0 .18-.09.625-.535.625s-.535-.445-.535-.625v-2.022c0-.435.365-.545.535-.545M7.223 20.043v.8l1.914.04q-.992-.345-1.914-.84m1.914.84c1.825.625 3.495.71 4.736.36a10.7 10.7 0 0 1-3.766-.665v.266z"/></svg>Hooli アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:hooli" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:hooli" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:hooli" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--hooli]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:hooli"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:hooli"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/hooli.svg" alt="Hooli アイコン" width="24" height="24">他のアイコンセットの Hooli アイコン
Hooli アイコン のよくある質問
Hooli アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hooli アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:hooli" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hooli アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/hooli.svg" alt="Hooli アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。