Bowling アイコン

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

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

flat-ui:bowling

Bowling アイコン(flat-ui:bowling)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 89 × 100 のグリッドで描かれています。 Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 89 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="89" height="100" viewBox="0 0 89 100"><path fill="#334D5C" d="M41.494 17.018c22.916 0 41.494 18.576 41.494 41.491S64.41 100 41.494 100S0 81.424 0 58.509s18.578-41.491 41.494-41.491"/><path fill="#243641" d="M36.469 26.301c2.066.803 3.084 3.113 2.274 5.161s-3.142 3.057-5.208 2.254c-2.066-.804-3.084-3.114-2.274-5.162c.811-2.047 3.142-3.056 5.208-2.253m17.97 6.953a4.001 4.001 0 1 1-2.926 7.448a4.001 4.001 0 0 1 2.926-7.448m-14.97 11.029a3.994 3.994 0 0 1 2.273 5.185c-.81 2.058-3.142 3.07-5.208 2.265a3.996 3.996 0 0 1-2.274-5.186a4.027 4.027 0 0 1 5.209-2.264"/><path fill="#2E4553" d="M46.494 92C23.578 92 5 73.424 5 50.509a41.3 41.3 0 0 1 4.002-17.791C3.373 39.801 0 48.758 0 58.509C0 81.424 18.578 100 41.494 100c16.549 0 30.83-9.688 37.492-23.7C71.385 85.861 59.66 92 46.494 92"/><path fill="#ECF0F1" d="M89.008 70.879c0-10.431-2.002-17.898-6.938-27.025c-3.639-6.637-4.818-13.985-3.402-21.214l2.348-12.207c.113-.543.117-.863.117-1.661C81.133 3.916 77.252 0 72.441 0c-4.709 0-8.582 3.916-8.582 8.772c0 .626.039 1.161.121 1.661l2.348 12.089c1.291 7.229.234 14.696-3.402 21.216c-4.588 8.294-6.938 17.657-6.938 27.141c0 9.477 2.35 18.844 6.938 27.141h.062c.898 1.13 4.817 1.98 9.512 1.98c5.115 0 9.299-1.01 9.67-2.291c4.859-9.037 6.838-16.475 6.838-26.83"/><path fill="#DBDFE0" d="M64.988 98.02h-.062c-4.588-8.297-6.938-17.664-6.938-27.141c0-9.484 2.35-18.847 6.938-27.141c3.637-6.52 4.693-13.986 3.402-21.216L65.98 10.434c-.082-.5-.121-1.035-.121-1.661c0-4.511 3.344-8.205 7.592-8.709A9 9 0 0 0 72.441 0c-4.709 0-8.582 3.916-8.582 8.772c0 .626.039 1.161.121 1.661l2.348 12.089c1.291 7.229.234 14.696-3.402 21.216c-4.588 8.294-6.938 17.657-6.938 27.141c0 9.477 2.35 18.844 6.938 27.141h.062c.899 1.13 4.817 1.98 9.512 1.98q.513 0 1.01-.014c-4.248-.11-7.686-.918-8.522-1.966"/><defs><path id="SVG4f3rzw0N" d="M89.008 70.879c0-10.431-2.002-17.898-6.938-27.025c-3.639-6.637-4.818-13.985-3.402-21.214l2.348-12.207c.113-.543.117-.863.117-1.661C81.133 3.916 77.252 0 72.441 0c-4.709 0-8.582 3.916-8.582 8.772c0 .626.039 1.161.121 1.661l2.348 12.089c1.291 7.229.234 14.696-3.402 21.216c-4.588 8.294-6.938 17.657-6.938 27.141c0 9.477 2.35 18.844 6.938 27.141h.062c.898 1.13 4.817 1.98 9.512 1.98c5.115 0 9.299-1.01 9.67-2.291c4.859-9.037 6.838-16.475 6.838-26.83"/></defs><clipPath id="SVG4CMMneIs"><use href="#SVG4f3rzw0N"/></clipPath><path fill="#E74C3C" d="M59 38h27v-6H59zm0-16v6h27v-6z" clip-path="url(#SVG4CMMneIs)"/><path fill="#D74737" d="M66.328 22.522c.324 1.817.5 3.649.525 5.478h2a34 34 0 0 0-.525-5.478L68.227 22h-2zM66.66 32a31.4 31.4 0 0 1-1.27 6h2a31.5 31.5 0 0 0 1.27-6z"/></svg>

Bowling アイコンの使い方

React

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

<Icon icon="flat-ui:bowling" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:bowling" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:bowling" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--bowling]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:bowling"></div>

Web コンポーネント

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

<iconify-icon icon="flat-ui:bowling"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flat-ui/bowling.svg" alt="Bowling アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Flat UI Icons をすべて見る →