Inpn Square アイコン

academicons:inpn-square

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

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

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-48zm90.375 64.002c6.153-.036 12.273.48 18.182 2.047c10.642 2.84 21.343 5.7 29.9 13.094c12.955 9.864 25.667 21.221 32.889 36.13l4.45 7.133l4.317-7.219c15.98-30.994 49.883-50.306 84.424-50.982c16.916 1.723 34.164 6.887 47.977 17.354c16.796 12.153 27.778 30.597 32.703 50.552c3.123 11.247 3.839 23.19 1.873 34.727c-4.628 32.664-23.656 60.557-44.475 85.195c-21.792 25.476-45.457 49.275-69.117 73.024c-19.6 19.338-39.264 39.536-58.13 58.943c-4.248-6.074-10.371-10.47-15.054-16.152c-16.275-17.142-33.064-33.845-49.718-50.645c-34.743-35.918-72.735-70.181-95.604-115.418c-12.012-25.492-15.623-56.2-4.445-82.607c4.576-14.505 14.803-26.546 26.441-36.033c9.466-9.64 22.094-14.797 35.024-17.874c6.027-.644 12.21-1.233 18.363-1.269m167.092 69.309c-1.998.044-4.106.719-6.346 2.25c-28.453 27.408-55.793 56.044-84.266 83.474c-6.69-7.666-14.361-14.494-21.435-21.84c-7.105-6.281-15.359-20.439-25.86-12.185c-6.37 8.153-21.27 14.501-16.533 26.781c14.225 16.235 30.363 30.87 45.43 46.402c7.1 6.26 14.77 19.491 25.518 11.952c31.665-31.348 63.048-63 94.603-94.465c6.455-6.871 19.673-15.706 10.592-25.575c-6.446-5.32-13.047-16.985-21.703-16.794"/></svg>

Inpn Square アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Academicons の関連アイコン

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

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

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

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

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

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

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

Academicons をすべて見る →