Shortcake 2 アイコン

Q: Shortcake 2 アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:shortcake-2

Shortcake 2 アイコン(streamline-emojis:shortcake-2)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 飲食

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M4.11 44.06a20 1.94 0 1 0 40 0a20 1.94 0 1 0-40 0" opacity=".15"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.5 20.58L4 24.27l1.72 18a1.29 1.29 0 0 0 1.41 1.16l36-3.45a1.28 1.28 0 0 0 1.16-1.4Z"/><path fill="#ffe3cf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m4.724 31.98l38.523-3.695l.616 6.42L5.34 38.401z"/><path fill="#ff6242" d="M21.23 28.45a1.93 1.93 0 1 1 3.85-.37l.06.64a1.29 1.29 0 0 0 1.41 1.16a1.28 1.28 0 0 0 1.16-1.4l-.06-.64a.64.64 0 1 1 1.28-.13l.17 1.79a2.69 2.69 0 0 0 2.4 2.5a2.58 2.58 0 0 0 2.75-2.82L34 25.94a1.93 1.93 0 1 0 3.85-.37l-.06-.65a1.28 1.28 0 0 1 1.16-1.4a1.29 1.29 0 0 1 1.41 1.16l.07 1.32a3.86 3.86 0 0 0 2.31 3.18a1.28 1.28 0 0 0 1.75-1.33l-.7-7.35c-.36-3.79-8.08-8.68-18-8.93a3.8 3.8 0 0 0-2 .54L4.11 23.56A2.6 2.6 0 0 0 2.85 26l.88 9.2a.65.65 0 0 0 .83.56a3.85 3.85 0 0 0 2.73-3.94a2 2 0 0 1 1.35-2.12a1.94 1.94 0 0 1 2.5 1.66l.06.65a1.93 1.93 0 1 0 3.85-.37l-.12-1.29a.64.64 0 0 1 1.28-.12l.17 1.77a2.67 2.67 0 0 0 2.4 2.46a2.58 2.58 0 0 0 2.75-2.82Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.23 28.45a1.93 1.93 0 1 1 3.85-.37l.06.64a1.29 1.29 0 0 0 1.41 1.16a1.28 1.28 0 0 0 1.16-1.4l-.06-.64a.64.64 0 1 1 1.28-.13l.17 1.79a2.69 2.69 0 0 0 2.4 2.5a2.58 2.58 0 0 0 2.75-2.82L34 25.94a1.93 1.93 0 1 0 3.85-.37l-.06-.65a1.28 1.28 0 0 1 1.16-1.4a1.29 1.29 0 0 1 1.41 1.16l.07 1.32a3.86 3.86 0 0 0 2.31 3.18a1.28 1.28 0 0 0 1.75-1.33l-.7-7.35c-.36-3.79-8.08-8.68-18-8.93a3.8 3.8 0 0 0-2 .54L4.11 23.56A2.6 2.6 0 0 0 2.85 26l.88 9.2a.65.65 0 0 0 .83.56a3.85 3.85 0 0 0 2.73-3.94a2 2 0 0 1 1.35-2.12a1.94 1.94 0 0 1 2.5 1.66l.06.65a1.93 1.93 0 1 0 3.85-.37l-.12-1.29a.64.64 0 0 1 1.28-.12l.17 1.77a2.67 2.67 0 0 0 2.4 2.46a2.58 2.58 0 0 0 2.75-2.82Z"/><path fill="none" stroke="#e04122" stroke-linecap="round" stroke-linejoin="round" d="m9.11 23.78l30.83-2.96"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.06 10.56c-.17-3.2-3.67-8.21-6.87-8s-6.18 5.5-6 8.7s3.54 5.64 6.74 5.47s6.29-2.97 6.13-6.17"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m24.68 9.8l.07 1.29m1.67-5.25l.06 1.29m2.07 2.48l.07 1.28m1.66-5.25l.07 1.29m2.07 2.48l.06 1.29"/><path fill="#ffe3cf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M36.69 14c.17 1.78-3.14 3.54-7.4 4s-7.84-.7-8-2.47A1.94 1.94 0 0 1 23 13.38c1.06-.1 1.95 0 2.05 1.1c-.2-2.13 1.42-3.38 3.55-3.58s3.95.71 4.16 2.84c-.11-1.06.74-1.37 1.8-1.47A1.94 1.94 0 0 1 36.69 14"/></svg>

Shortcake 2 アイコンの使い方

React

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

<Icon icon="streamline-emojis:shortcake-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:shortcake-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:shortcake-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--shortcake-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:shortcake-2"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:shortcake-2"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/shortcake-2.svg" alt="Shortcake 2 アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

Shortcake 2 アイコンのよくある質問

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →