ICONYZ
日本語
Ligature Symbols の Gumroad アイコン

Gumroad アイコン

ls:gumroad

Gumroad アイコン(ls:gumroad)は、Ligature Symbols セットの無料 SVG アイコンです(作者: Kazuyuki Motoyama)。 595 × 694 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Ligature Symbols
作者
Kazuyuki Motoyama
ライセンス
OFL-1.1
サイズ
595 × 694
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="595" height="694" viewBox="0 0 595 694"><path fill="currentColor" d="M85 566V184c0-20 23-43 42-43h310c14 25 41 43 73 43c47 0 85-39 85-85c0-48-38-85-85-85c-32 0-59 17-73 42H127c-31 0-63 15-88 39c-25 25-39 57-39 89v382c0 32 14 64 39 89c25 24 57 39 88 39h341c31 0 63-15 88-39c25-25 39-57 39-89V354c0-35-14-68-40-92c-24-23-56-36-87-36H298c-34 0-66 14-91 40c-23 24-37 56-37 88v42c0 32 14 64 39 88c25 25 57 40 89 40h11c15 25 42 42 74 42c47 0 85-38 85-85s-38-85-85-85c-32 0-59 17-74 43h-11c-20 0-43-24-43-43v-42c0-20 19-43 43-43h170c19 0 42 19 42 43v212c0 19-23 43-42 43H127c-19 0-42-24-42-43"/></svg>

Gumroad アイコンの使い方

React

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

<Icon icon="ls:gumroad" width="24" />

Vue

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

<template>
  <Icon icon="ls:gumroad" width="24" />
</template>

Svelte

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

<Icon icon="ls:gumroad" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ls:gumroad"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ls/gumroad.svg" alt="Gumroad アイコン" width="24" height="24">

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

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

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

はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Ligature Symbols アイコン をすべて見る →