Cake アイコン
bx:cake
Cake アイコン(bx:cake)は、BoxIcons v2 セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 BoxIcons v2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- BoxIcons v2
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- bx cake
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 5h-6V2h-2v3H5C3.346 5 2 6.346 2 8v10c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.654-1.346-3-3-3M5 7h14a1 1 0 0 1 1 1l.001 3.12c-.896.228-1.469.734-1.916 1.132c-.507.45-.842.748-1.588.748c-.745 0-1.08-.298-1.587-.747c-.595-.529-1.409-1.253-2.915-1.253c-1.505 0-2.319.724-2.914 1.253c-.507.45-.841.747-1.586.747c-.743 0-1.077-.297-1.582-.747c-.447-.398-1.018-.905-1.913-1.133V8a1 1 0 0 1 1-1M4 18v-4.714c.191.123.374.274.583.461C5.178 14.276 5.991 15 7.495 15s2.319-.724 2.914-1.253c.507-.45.841-.747 1.586-.747s1.08.298 1.587.747c.595.529 1.409 1.253 2.915 1.253s2.321-.724 2.916-1.253c.211-.188.395-.34.588-.464L20.002 18z"/></svg>
Cake アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bx:cake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bx:cake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bx:cake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bx--cake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bx -->
<div class="i-bx:cake"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bx:cake"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bx/cake.svg" alt="Cake アイコン" width="24" height="24">
Cake アイコン のよくある質問
Cake アイコンは商用利用でも無料ですか?
はい。BoxIcons v2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cake アイコンを使うには?
@iconify/react をインストールして <Icon icon="bx:cake" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cake アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bx/cake.svg" alt="Cake アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
BoxIcons v2 アイコン をすべて見る →
ICONYZ
