Heroku アイコン

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

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

grommet-icons:heroku

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

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.443 0H3.162A2.16 2.16 0 0 0 1 2.162V21.84C1 23.034 1.97 24 3.162 24h17.28a2.16 2.16 0 0 0 2.16-2.16V2.162A2.16 2.16 0 0 0 20.442 0m.958 21.84a.96.96 0 0 1-.958.96H3.162a.96.96 0 0 1-.962-.96V2.162c0-.532.432-.962.962-.962h17.28c.53 0 .96.43.96.962zm-15-1.439l2.701-2.4L6.4 15.6zm9.757-9.729c-.486-.488-1.373-1.071-2.856-1.071c-1.627 0-3.303.424-4.5.812V3.6H6.4v10.41l1.697-.769c.028-.013 2.763-1.239 5.205-1.239c1.218 0 1.488.67 1.501 1.231v7.17h2.398v-7.2c.003-.155-.012-1.486-1.043-2.53M13 7.5h2.401c1.085-1.228 1.637-2.536 1.8-3.899h-2.399c-.267 1.36-.858 2.66-1.802 3.9"/></svg>

Heroku アイコンの使い方

React

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

<Icon icon="grommet-icons:heroku" width="24" />

Vue

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

<template>
  <Icon icon="grommet-icons:heroku" width="24" />
</template>

Svelte

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

<Icon icon="grommet-icons:heroku" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="grommet-icons:heroku"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Grommet Icons をすべて見る →