ICONYZ
日本語
Griddy Icons の Lemonsqueezy アイコン

Lemonsqueezy アイコン

griddy-icons:lemonsqueezy

Lemonsqueezy アイコン(griddy-icons:lemonsqueezy)は、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="M8.01 1.521c1.71.054 3.023 1.266 3.445 2.777c1.292-.872 3.063-.951 4.4.103l.192.162l.014.013l.008.008l.017.015l.037.032l.035.032c1.356 1.25 1.495 3.149.695 4.59c1.63.306 3.01 1.635 3.1 3.486v.183c.051 1.819-1.2 3.23-2.776 3.67c.916 1.353.957 3.233-.267 4.592l-.012.013l-.008.008l-.016.018l-.032.037l-.033.034l-.02.022c-1.844 1.97-5.075 1.33-6.192-1.06l-2.022-4.34l-.002-.005c-.4-.876-.043-1.781.634-2.235a1.84 1.84 0 0 1-.037-.831a1.8 1.8 0 0 1-.63-.58c-.784.221-1.703-.088-2.113-.961l-2.022-4.34l-.069-.148v-.025c-.968-2.365.614-5.14 3.266-5.269zm2.246 13.329a.322.322 0 0 0-.355.449l2.092 4.476c.765 1.4 2.688 1.674 3.742.529l.01-.011l.004-.005l.015-.018l.033-.037l.027-.028c1.057-1.174.55-3.126-1.014-3.7l-4.502-1.64zm8.235-2.057c-.09-1.596-1.84-2.625-3.354-1.925l-4.357 2.03l-.005.003l-.02.008a.324.324 0 0 0 .064.58l4.504 1.642h.002c1.512.554 3.116-.533 3.166-2.037zm-3.433-7.152c-1.16-1.032-3.082-.542-3.68.98l-.01.032l-1.641 4.512a.321.321 0 0 0 .407.417l.036-.018h.002l4.446-2.073l.021-.01c1.4-.765 1.673-2.688.528-3.742l-.01-.01l-.005-.004l-.018-.016zm-7.26-2.657H7.66c-1.599.088-2.63 1.837-1.93 3.353l.07.146v.011l1.951 4.189c.124.264.499.25.6-.027l1.633-4.482V6.17l.014-.034c.56-1.558-.613-3.208-2.188-3.154z"/></svg>

Lemonsqueezy アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Griddy Icons の関連アイコン

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

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

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

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

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

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

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

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

Griddy Icons をすべて見る →