ICONYZ
日本語
Academicons の Closed Access Square アイコン

Closed Access Square アイコン

academicons:closed-access-square

Closed Access Square アイコン(academicons:closed-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
タグ
closedaccess、accesssquare、closedaccesssquare
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.195 64c47.176 0 85.559 38.383 85.559 85.56v80.46c9.589 15.431 15.137 33.624 15.137 53.091C324.89 370.736 279.63 416 224 416c-55.627 0-100.892-45.264-100.892-100.889c0-19.728 5.698-38.15 15.526-53.715v-79.835c0-47.178 38.386-85.561 85.56-85.561m0 34.264c-28.281 0-51.295 23.011-51.295 51.297v46.59c14.998-8.848 32.467-13.932 51.102-13.932c18.796 0 36.405 5.171 51.488 14.16V181.56c0-28.286-23.013-51.297-51.295-51.297m-.193 118.22c-36.737 0-66.629 29.889-66.629 66.627c0 36.735 29.892 66.627 66.629 66.627c36.736 0 66.621-29.892 66.621-66.627c0-36.738-29.885-66.627-66.621-66.627m.328 38.657c15.613 0 28.268 12.657 28.268 28.275c0 15.61-12.655 28.264-28.268 28.264c-15.612 0-28.268-12.655-28.268-28.264c0-15.618 12.656-28.275 28.268-28.275"/></svg>

Closed Access Square アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Academicons の関連アイコン

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

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

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

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

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

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

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

Academicons をすべて見る →