ICONYZ
日本語
SmartIcons Glyph の Easal アイコン

Easal アイコン

si-glyph:easal

Easal アイコン(si-glyph:easal)は、SmartIcons Glyph セットの無料 SVG アイコンです(作者: SmartIcons)。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
SmartIcons Glyph
作者
SmartIcons
ライセンス
CC-BY-SA-4.0
サイズ
16 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path fill="currentColor" fill-rule="evenodd" d="M12.957 11.062V3.107H9.98v-1h-.995V1c0-.553-.445-1-.996-1s-.905.447-.905 1v1.107h-.995v1H3.023v7.955H1.085v.875l3.064.062l-.985 2.709c-.185.52-.002 1.047.516 1.232c.519.186.957-.15 1.143-.67l1.115-3.271h1.147v3c0 .553.355 1 .905 1a.997.997 0 0 0 .996-1v-3h1.089l1.064 3.334c.185.52.646.793 1.162.607c.519-.186.702-.691.518-1.213l-.956-2.729l3.033-.062v-.874zM3.95 3.979h2.073v.938h3.894v-.938h2.132v7.084H3.95z"/></svg>

Easal アイコンの使い方

React

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

<Icon icon="si-glyph:easal" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:easal" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:easal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--easal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:easal"></div>

Web コンポーネント

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

<iconify-icon icon="si-glyph:easal"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/si-glyph/easal.svg" alt="Easal アイコン" width="24" height="24">

Easal アイコン のよくある質問

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

はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

SmartIcons Glyph アイコン をすべて見る →