Open Access Square アイコン

academicons:open-access-square

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

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

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-48zm176.193 64c47.05 0 85.56 38.51 85.56 85.56v80.553c9.586 15.424 15.138 33.588 15.138 52.996C324.89 370.626 279.517 416 224 416s-100.89-45.374-100.89-100.89c0-55.518 45.373-100.89 100.89-100.89c18.78 0 36.394 5.198 51.488 14.218V181.56c0-28.533-22.763-51.295-51.295-51.295c-28.531 0-51.293 22.762-51.293 51.295v11.685h-34.265V181.56c0-47.051 38.508-85.561 85.558-85.561M224 248.484c-36.999 0-66.625 29.627-66.625 66.625c0 37 29.626 66.625 66.625 66.625s66.625-29.626 66.625-66.625s-29.626-66.625-66.625-66.625m.328 38.662c15.612 0 28.27 12.656 28.27 28.268s-12.658 28.27-28.27 28.27s-28.267-12.658-28.267-28.27s12.655-28.268 28.267-28.268"/></svg>

Open Access Square アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="academicons:open-access-square"></iconify-icon>

HTML 画像

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

Academicons の関連アイコン

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

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

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

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

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

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

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

Academicons をすべて見る →