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

Biscuit アイコン

si-glyph:biscuit

Biscuit アイコン(si-glyph:biscuit)は、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="M14.8 6.826a.9.9 0 0 0-.217-.307l-.024-.009a1.1 1.1 0 0 0-.418-.239L9.352 4.126c.379-.436.617-.997.617-1.619a2.476 2.476 0 1 0-4.954 0c0 .633.244 1.204.635 1.642L.863 6.312c-.642.202-.984.936-.762 1.637l.025.08c.222.701.922 1.105 1.564.902l1.982-.964c.491-.045.898-.032 1.015.079c.312.295-1.819 4.369-2.424 5.561c-.438.859-.235 1.84.452 2.188l.075.039c.688.349 1.558-.088 2.036-.925c.344-.603 1.518-3.582 2.576-3.582c1.058-.001 2.476 2.977 2.782 3.582c.438.859 1.349 1.273 2.036.925l.076-.039c.688-.349.891-1.329.451-2.188c-.385-.761-2.835-5.06-2.626-5.561c.068-.164.575-.126 1.24-.021l1.948.865c.643.203 1.342-.201 1.564-.902l.025-.08a1.35 1.35 0 0 0-.098-1.082m-6.739-.847v1.052H6.907V5.979zm.001 4.083H6.906V8.906h1.156z"/></svg>

Biscuit アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Biscuit アイコン

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

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

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

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

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

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

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

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