Lattes Square アイコン

academicons:lattes-square

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

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

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-48zm138.258 64c31.613.062 67.725 6.768 105.726 20.273c15.247 5.426 21.3 9.194 18.5 11.541c-2.072 1.734-16.115 1.708-40.379-.076c-37.929-2.788-66.8 2.487-81.683 14.946c-22.657 18.964-19.204 60.536 10.021 120.505c3.166 6.494 6.355 12.848 7.084 14.141c1.696 2.976.466 5.74-2.486 5.602c-1.257-.06-29.566-3.638-62.91-7.96c-33.345-4.32-61.327-8.077-62.193-8.353c-1.482-.477-6.782-18.16-9.772-32.553c-.753-3.642-1.858-13.288-2.46-21.45c-2.69-36.423 5.234-61.603 26.472-84.247c20.226-21.547 53.435-32.449 94.08-32.369m47.974 58.445c11.978.033 25.523 2.678 36.512 7.584c16.69 7.448 31.486 20.548 36.986 32.73c7.06 15.637 1.18 33.08-13.94 41.407c-10.024 5.513-29.502 8.39-41.81 6.18h.014v-.002c-26.613-4.785-50.538-21.288-58.262-40.164c-3.705-9.068-3.53-20.898.426-27.98c3.58-6.406 12.823-13.816 21.1-16.919c5.166-1.935 11.788-2.856 18.974-2.836m87.467 7.582c5.928-.702 35.19 27.706 45.965 44.623c18.575 29.175 20.084 60.736 4.36 91.256c-9.66 18.75-20.333 31.723-38.206 46.469c-29.702 24.49-64.227 41.545-111.902 55.285c-25.608 7.386-67.017 16.34-75.545 16.34c-1.808 0-5.199-5.928-15.773-27.617l-.026.012c-34.324-70.332-54.746-112.807-54.746-113.862c0-1.72 2.098-1.481 22.72 2.563c36.271 7.121 55.65 9.13 87.952 9.142c42.739.012 77.542-6.756 104.582-20.357c14.305-7.196 22.908-13.578 29.953-22.219c8.679-10.65 11.466-17.984 11.567-30.33c.088-11.742-1.495-17.934-8.29-32.303c-2.688-5.677-5.05-12.194-5.275-14.48c-.352-3.68-.049-4.209 2.664-4.522"/></svg>

Lattes Square アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Academicons の関連アイコン

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

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

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

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

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

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

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

Academicons をすべて見る →