Carillon アイコン

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

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

game-icons:carillon

Carillon アイコン(game-icons:carillon)は、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="m385.094 18.03l4.25 37.814h-.22l3.063 27.343h.22L438.25 492.25h66.563V364.344L427.156 18.03zm-296.625.095L10.812 364.47v127.905h66.562L123.25 83.187h.03l3.064-27.343h-.03l4.217-37.72H88.47zm56.718 37.72l-3.063 27.343h105.75v32c-10.452 4.037-17.97 14.21-17.97 26c0 4.962 1.337 9.633 3.657 13.687c-9.215 3.742-16.44 10.183-23.375 19.97c-12.268 17.314-22.33 46.215-33.406 87.56c-9.713 36.27-23.063 54.097-32.81 66.908c-9.75 12.81-15.285 19-15.282 40.03c0 3.104 1.746 6.535 7.78 10.938c6.036 4.405 15.845 8.82 28.126 12.408c24.56 7.173 58.89 11.304 94.594 11.312s70.067-4.083 94.625-11.25c12.278-3.583 22.092-8.004 28.125-12.406c6.032-4.402 7.75-7.86 7.75-10.97c-.004-21.03-5.53-27.217-15.282-40.03c-9.75-12.813-23.118-30.638-32.844-66.906c-11.087-41.35-21.13-70.242-33.406-87.563c-7.51-10.597-15.365-17.26-25.72-20.844a27.45 27.45 0 0 0 3.19-12.843c0-12.21-8.035-22.717-19.063-26.437V83.187h106.812l-3.063-27.343H145.188zM257.78 132c5.17 0 9.158 4.017 9.158 9.188c0 5.17-3.987 9.156-9.157 9.156s-9.155-3.986-9.155-9.156S252.61 132 257.78 132m9.75 35.25c29.084 10.748 41.874 57.507 49.283 89.406c15.208 65.5 48.59 77.5 48.53 110.188c-2.848 2.364-7.698 5.03-13.75 7.156c-7.64 2.684-16.88 4.66-25.812 6.094c3.806-40.826-29.81-52.602-29.31-104.594c.522-54.635-14.517-90.058-33.658-106.938c1.63-.302 3.2-.736 4.72-1.312zm17.345 254.78a487 487 0 0 1-47.375.158c.75 12.437 11.06 22.28 23.688 22.28c12.683.003 23.022-9.923 23.687-22.437z"/></svg>

Carillon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →