Academia Square アイコン

academicons:academia-square

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

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

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-48zm159.793 64c13.85-.01 27.699.065 41.549.305c37.902 95.77 76.875 191.171 115.293 286.758c3.867 10.939 16.282 13.776 26.338 15.802c0 5.709.035 11.417.035 17.127c-50.02-.038-100.04.037-150.063-.037c0-5.745.035-11.455.035-17.164c12.525-.956 28.658-.218 36.1-12.56c2.874-9.577-.33-19.56-3.867-28.473a40245 40245 0 0 0-15.914-39.635c-38.64-.146-77.24.112-115.881-.11c-6.961 16.245-13.004 32.859-19.377 49.323c-2.651 7.256-5.487 16.908.922 23.096c8.14 6.925 19.633 6.74 29.652 8.287c.036 5.746.036 11.493.072 17.275c-31.898-.037-63.796.074-95.695-.074c0-5.673.035-11.344.035-16.98c9.76-2.025 21.954-4.422 25.674-15.141c32.931-84.131 65.898-168.297 98.35-252.611c-5.342-11.494-9.652-23.426-14.809-34.993c13.85-.092 27.701-.186 41.551-.195m-9.836 73.533c-14.513 39.45-30.204 78.494-45.012 117.834a9679 9679 0 0 0 92.123 0c-15.691-39.266-31.455-78.53-47.111-117.834"/></svg>

Academia Square アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Academicons の関連アイコン

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

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

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

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

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

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

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

Academicons をすべて見る →