Bacon アイコン

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

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

griddy-icons:bacon

Bacon アイコン(griddy-icons:bacon)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m16.065 1.925l-.53.53c-.93.93-1.205 1.625-1.45 2.245c-.22.55-.405 1.025-1.115 1.735s-1.185.895-1.735 1.115C10.62 7.795 9.92 8.07 8.99 9c-.925.925-1.205 1.625-1.45 2.24c-.22.55-.405 1.025-1.115 1.735S5.24 13.87 4.69 14.09c-.615.245-1.315.52-2.245 1.45l-.53.53l5.305 5.305l.53-.53c.71-.71 1.185-.895 1.735-1.115c.615-.245 1.315-.52 2.24-1.45c.925-.925 1.205-1.625 1.45-2.24c.22-.55.405-1.025 1.115-1.735s1.185-.895 1.735-1.115c.615-.245 1.315-.52 2.245-1.45s1.205-1.625 1.45-2.245c.22-.55.405-1.025 1.115-1.735l.53-.53zM5.25 15.48c.615-.245 1.315-.52 2.245-1.45c.925-.925 1.205-1.625 1.45-2.24c.22-.55.405-1.025 1.115-1.735s1.185-.895 1.735-1.115c.615-.245 1.315-.52 2.245-1.45c.925-.93 1.205-1.625 1.45-2.245c.155-.39.295-.745.62-1.17l1.055 1.055c-.535.66-.755 1.2-.945 1.685c-.22.55-.405 1.025-1.115 1.735s-1.185.895-1.735 1.115c-.615.245-1.315.52-2.245 1.45c-.925.925-1.205 1.625-1.45 2.245c-.22.55-.405 1.025-1.115 1.735s-1.185.895-1.735 1.115c-.485.19-1.025.41-1.685.945L4.085 16.1c.425-.32.78-.46 1.17-.615zm13.08-6.54c-.22.55-.405 1.025-1.115 1.735s-1.185.895-1.735 1.115c-.615.245-1.315.52-2.245 1.45c-.925.925-1.205 1.625-1.45 2.24c-.22.55-.405 1.025-1.115 1.735s-1.185.895-1.735 1.115c-.485.195-1.025.405-1.685.945l-1.05-1.05c.425-.32.78-.465 1.17-.62c.615-.245 1.315-.52 2.245-1.45s1.205-1.625 1.45-2.245c.22-.55.405-1.025 1.115-1.735s1.185-.895 1.735-1.115c.615-.245 1.315-.52 2.245-1.45s1.205-1.625 1.45-2.245c.155-.39.3-.745.62-1.17l1.05 1.05c-.54.66-.75 1.2-.945 1.685z"/></svg>

Bacon アイコンの使い方

React

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

<Icon icon="griddy-icons:bacon" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:bacon" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:bacon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--bacon]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="griddy-icons:bacon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/griddy-icons/bacon.svg" alt="Bacon アイコン" width="24" height="24">

Griddy Icons の関連アイコン

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

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

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

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

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

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

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

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

Griddy Icons をすべて見る →