Hal Square アイコン

academicons:hal-square

Hal Square アイコン(academicons:hal-square)は、Academicons セットの無料 SVG アイコンです（作者: James Walsh）。 448 × 512 のグリッドで描かれています。 Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Academicons
作者: James Walsh
ライセンス: OFL-1.1
サイズ: 448 × 512
タグ: halsquare

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm195.623 64c11.657 1.404 22.948 4.15 33.69 7.934c0 1.586-.122 3.357-.122 5.127c-.122 25.573 9.888 49.741 28.198 67.93c19.591 19.408 45.531 28.93 71.47 28.32c3.601 10.741 5.98 22.155 7.262 33.812a121 121 0 0 1-9.398.367c-33.874 0-67.686-12.755-93.381-38.328c-24.78-24.657-38.452-57.372-38.33-92.223c0-4.272.123-8.667.611-12.939m-42.969.244c13.672 43.09 37.719 82.456 70.8 115.414c32.347 32.226 70.676 55.176 111.446 68.848c-1.77 11.535-4.882 22.521-8.91 33.08c-46.385-15.258-89.963-41.077-126.705-77.697c-37.475-37.353-64.697-82.335-79.834-131.223c10.62-3.906 21.668-6.774 33.203-8.422m112.547 25.451c18.432 12.268 34.24 28.443 46.264 47.12c-5.92 4.76-13.062 7.261-20.692 7.261h-.12c-8.912 0-17.152-3.479-23.438-9.765c-6.287-6.287-9.826-14.648-9.643-23.56c0-7.75 2.746-15.135 7.63-21.056m-189.63 7.873l225.58 227.29c-7.142 8.85-15.138 17.028-24.17 24.17L99.155 153.493c7.263-8.789 15.503-16.785 24.414-23.926M72.787 199.39c47.606 15.197 92.223 41.382 129.941 78.673c36.743 36.499 63.414 80.258 78.856 127.987c-10.498 4.15-21.545 7.14-33.08 8.91c-13.916-41.87-37.598-80.32-69.945-112.545c-33.08-32.958-72.448-56.15-114.317-69.822a157 157 0 0 1 8.545-33.203m5.22 75.255c32.996.611 65.793 13.442 90.786 38.329c24.78 24.657 38.329 57.494 38.268 92.222c0 3.662-.243 7.263-.487 10.803a154.4 154.4 0 0 1-33.812-7.387c.122-1.16.12-2.44.12-3.539c.123-25.573-9.886-49.741-28.196-67.93c-20.02-19.896-46.754-29.296-73.06-28.32a162 162 0 0 1-7.75-33.69c4.7-.411 9.418-.575 14.132-.488m33.231 63.413h.123c8.911 0 17.15 3.479 23.436 9.765c6.286 6.226 9.644 14.648 9.644 23.559c0 7.507-2.502 14.71-7.14 20.447c-18.799-11.901-34.974-27.587-47.364-46.02c5.982-5.004 13.428-7.751 21.301-7.751"/></svg>

Hal Square アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="academicons:hal-square" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="academicons:hal-square" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="academicons:hal-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--hal-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:hal-square"></div>

Web コンポーネント

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

<iconify-icon icon="academicons:hal-square"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/academicons/hal-square.svg" alt="Hal Square アイコン" width="24" height="24">

Academicons の関連アイコン

Hal Square アイコンのよくある質問

Hal Square アイコンは商用利用でも無料ですか?

はい。Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Hal Square アイコンを使うには?

@iconify/react をインストールして <Icon icon="academicons:hal-square" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hal Square アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/academicons/hal-square.svg" alt="Hal Square アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Academicons をすべて見る →