Clown アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:clown

Clown アイコン(game-icons:clown)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 25c-38.3 0-53.9 13.6-62.4 30.97c-5.6 11.28-7.5 24.61-8.2 37.03h141.1c-.8-12.37-2.9-25.68-8.6-36.97C309.2 38.6 293.6 25 256 25m-98.9 86l9.1 24h187.5l3.8-24zm-65.6 9.5c-2.35.1-4.56.4-6.55 1c-5.26 1.4-9.4 4.3-12.92 10.6c-.51 1.1-.57 1.8.4 4.2c.99 2.6 3.3 6.2 6.05 10.2s5.91 8.4 8.27 13.6s3.95 11.8 1.85 18.6c-2.85 9.1-9.6 15.3-16.68 19.6c-7.08 4.2-14.83 7.1-22.01 9.8c-7.17 2.8-13.75 5.4-18.12 8.4c-4.36 2.9-6.26 5.3-6.9 9c-.98 5.8 1.76 11.7 7.69 18.7c5.94 7 14.51 14.2 21.79 21.4c6.36 6.4 6.43 14.7 6.1 20.7c-.32 6.1-.9 11.5-.53 13.6c.15 1 .35 1 .25.9s.14.3 2.14.6c3.45.5 11.77-.5 24.69-4.2V296c0-59.1 19.89-112.9 52.19-151.2c-8.8-9.5-22.2-18.7-34.8-22.4c-3.7-1-7.2-1.6-10.48-1.8c-.82-.1-1.62-.1-2.41-.1zm326.6.1c-3.3.2-6.8.8-10.5 1.9c-12.6 3.7-26 12.8-34.8 22.3C405.1 183.1 425 236.9 425 296v1.2c12.9 3.7 21.3 4.7 24.7 4.2c2-.3 2.2-.7 2.1-.6c0 .1.1.1.3-.9c.3-2.1-.2-7.5-.6-13.6c-.3-6-.2-14.3 6.1-20.7c7.3-7.2 15.9-14.4 21.8-21.4c6-7 8.7-12.9 7.7-18.7c-.6-3.7-2.5-6.1-6.9-9c-4.4-3-10.9-5.6-18.1-8.4c-7.2-2.7-14.9-5.6-22-9.8c-7.1-4.3-13.8-10.5-16.7-19.6c-2.1-6.8-.5-13.4 1.9-18.6c2.3-5.2 5.5-9.6 8.2-13.6c2.8-4 5.1-7.6 6.1-10.2c.9-2.4.9-3.1.4-4.2c-3.5-6.3-7.7-9.1-12.9-10.6q-3-.9-6.6-.9zM156 153c-31.1 34.8-51 85.7-51 143c0 23.1 3.2 45.2 9.2 65.6C126.3 346.8 145 339 166 339c13.2 0 27.5 2.8 42.2 8.2a48 48 0 0 1 10.1-24.8c-11.8-3.7-19.4-5.4-26.3-5.4c-10 0-21.2 3.5-45.2 11.5l-11.8 4V320c0-5.5 1.1-14.3 3.1-25.8c2.1-11.6 5.2-25.4 9.3-38.8c4.1-13.5 9.3-26.6 16-37c3.3-5.1 7.2-9.8 11.7-13.3L192 168l16.9 37.1c4.5 3.5 8.4 8.2 11.7 13.3c6.7 10.4 11.9 23.5 16 37c4.1 13.4 7.2 27.2 9.3 38.8c.7 3.8 1.2 7.3 1.7 10.6a48 48 0 0 1 8.4-.8a48 48 0 0 1 8.4.8c.5-3.2 1-6.8 1.7-10.6c2.1-11.6 5.2-25.4 9.3-38.8c4.1-13.5 9.3-26.6 16-37c3.3-5.1 7.2-9.8 11.7-13.3L320 168l16.9 37.1c4.5 3.5 8.4 8.2 11.7 13.3c6.7 10.4 11.9 23.5 16 37c4.1 13.4 7.2 27.2 9.3 38.8c2 11.5 3.1 20.3 3.1 25.8v12.5l-11.8-4c-24-8-35.2-11.5-45.2-11.5c-6.9 0-14.4 1.7-26.3 5.4a48 48 0 0 1 10 24.8c14.8-5.4 29-8.2 42.3-8.2c21 0 39.7 7.8 51.8 22.6c6-20.4 9.2-42.5 9.2-65.6c0-57.3-19.9-108.2-51-143zm36 64c-3.5 0-8.2 3.1-13.4 11.1c-5.3 8.1-10.1 20-14 32.5c-3.9 12.6-6.8 25.8-8.7 36.7c-.7 3.7-1.1 6.7-1.5 9.8c10.8-3.5 19.1-6 26.9-7.2A16 16 0 0 1 176 288a16 16 0 0 1 16-16a16 16 0 0 1 16 16a16 16 0 0 1-5.3 11.9c7.8 1.2 16.1 3.7 26.9 7.2c-.4-3.1-.8-6.1-1.5-9.8c-1.9-10.9-4.8-24.1-8.7-36.7c-3.9-12.5-8.7-24.4-14-32.5c-5.2-8-9.9-11.1-13.4-11.1m128 0c-3.5 0-8.2 3.1-13.4 11.1c-5.3 8.1-10.1 20-14 32.5c-3.9 12.6-6.8 25.8-8.7 36.7c-.7 3.7-1.1 6.7-1.5 9.8c10.8-3.5 19.1-6 26.9-7.2A16 16 0 0 1 304 288a16 16 0 0 1 16-16a16 16 0 0 1 16 16a16 16 0 0 1-5.3 11.9c7.8 1.2 16.1 3.7 26.9 7.2c-.4-3.1-.8-6.1-1.5-9.8c-1.9-10.9-4.8-24.1-8.7-36.7c-3.9-12.5-8.7-24.4-14-32.5c-5.2-8-9.9-11.1-13.4-11.1m-64 103a32 32 0 0 0-32 32a32 32 0 0 0 6.2 18.8a48 48 0 0 1 44.6-44.7A32 32 0 0 0 256 320m-90 37c-21.9 0-36.9 8.3-44.3 26.5C147 445.3 198.1 487 256 487s109-41.7 134.3-103.5c-7.4-18.2-22.4-26.5-44.3-26.5c-13 0-28.3 3.5-44.7 10.6A48 48 0 0 1 256 400a48 48 0 0 1-45.3-32.4C194.3 360.5 179 357 166 357m1.7 22.4c22.7 37.7 55.6 55.6 88.3 55.6s65.6-17.9 88.3-55.6l15.4 9.2C334.4 430.9 295.3 453 256 453s-78.4-22.1-103.7-64.4z"/></svg>

Clown アイコンの使い方

React

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

<Icon icon="game-icons:clown" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:clown" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:clown" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:clown"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

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

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →