Waffle アイコン

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

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:waffle

Waffle アイコン(logos:waffle)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 347 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 347

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="347" viewBox="0 0 256 347"><path fill="#ffd150" d="M184.778 249.117c-.618-21.607-.737-37.872-1.194-48.7L256 128L128.001 0L0 127.999L128.001 256l21.976-21.977c-.015 13.707.123 34.429-.49 64.797c-.384 19.091-5.274 22.765-6.79 33.45c-1.1 7.76 4.515 14.336 10.086 14.336s10.61-6.454 10.086-14.336c-.505-7.609-4.828-14.185-5.208-33.076c-.717-35.571-.843-58.029-1.388-71.466l21.74-21.741c-.005 10.488.089 24.787-.43 42.898c-.339 11.824-4.643 14.099-5.978 20.717c-.969 4.806 3.975 8.879 8.879 8.879s9.34-3.997 8.88-8.879c-.445-4.713-4.251-8.785-4.586-20.485M168.941 98.98l17.1-17.1l17.099 17.1l-17.1 17.099zM174.12 128l-17.1 17.099L139.921 128l17.1-17.1zm-17.099-40.94L139.92 69.959l17.1-17.1l17.101 17.102zm-11.92 11.92l-17.1 17.099l-17.1-17.099L128 81.88zm-46.12-11.921l-17.1-17.099l17.1-17.1l17.099 17.099zM87.06 98.98l-17.1 17.1l-17.1-17.1l17.1-17.1zm11.921 11.92l17.1 17.099L98.98 145.1L81.881 128zM87.06 157.02l-17.1 17.099l-17.099-17.099l17.099-17.099zm11.92 11.92l17.099 17.1l-17.099 17.099l-17.099-17.1zm11.92-11.92l17.101-17.101l17.099 17.1L128 174.12zm46.121 11.919l17.1 17.1l-17.101 17.101l-17.1-17.1zm11.92-11.92l17.099-17.099l17.1 17.1l-17.099 17.099zM215.06 145.1l-17.1-17.1l17.1-17.1l17.1 17.1zM145.099 40.939L128 58.039L110.901 40.94l17.1-17.1zM40.94 110.899L58.041 128l-17.1 17.1l-17.101-17.101zm69.961 104.16L128 197.96l17.099 17.101l-17.098 17.098z"/></svg>

Waffle アイコンの使い方

React

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

<Icon icon="logos:waffle" width="24" />

Vue

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

<template>
  <Icon icon="logos:waffle" width="24" />
</template>

Svelte

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

<Icon icon="logos:waffle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--waffle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:waffle"></div>

Web コンポーネント

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

<iconify-icon icon="logos:waffle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/waffle.svg" alt="Waffle アイコン" width="24" height="24">

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

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

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

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

SVG Logos アイコンをすべて見る →