Chime Light アイコン

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

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

thesvg-color:chime-light

Chime Light アイコン(thesvg-color:chime-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 672 × 193 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 672 × 193
タグ: chimelight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="672" height="193" viewBox="0 0 672 193"><g fill="#fff"><path d="M245.6 500.1c-11.8 0-25.9 4.2-39.4 18.8c-13.5-14.6-27.7-18.8-39.4-18.8c0 0-45.1-3.4-45.1 49.3v85.3h32.7v-80.5c0-23.6 15.8-24.1 18.9-23.4c0 0 5.7.3 10.9 5.7c0 0-10.4 13.6-11.2 30.7c0 0-2.3 44.3 33.2 44.3s33.2-44.3 33.2-44.3c-.8-17.1-11.2-30.7-11.2-30.7c5.2-5.4 10.9-5.7 10.9-5.7c3-.7 18.9-.2 18.9 23.4v80.5h32.7v-85.3c-.1-52.7-45.1-49.3-45.1-49.3m-39.5 87.4c-7 0-9.3-8.8-9.4-17.2c-.2-14.6 9.3-25.1 9.4-25.3c.2.2 9.6 10.7 9.4 25.3c0 8.4-2.4 17.2-9.4 17.2m-102.8-85.2H70.6v132.5h32.7zM87 444.9c-10.9 0-19.9 8.8-19.9 19.6c0 10.9 8.9 19.9 19.9 19.9c10.8 0 19.6-8.9 19.6-19.9c0-10.6-8.9-19.6-19.6-19.6m-119.9 66.3V444h-32.4v190.8h32.4v-95.5c53.7-26.1 51.7 15.2 51.7 15.2v80.3h32.5v-80.3c-.1-77.6-67.9-52-84.2-43.3M335.6 575c17.4 6.1 39.5 5.6 39.5 5.6c52.4-.3 50.9-38.4 50.9-38.4c-1.3-42.9-51.7-42.1-51.7-42.1c-41.7 0-70.9 28.6-70.9 69.5s28.6 67.3 72.8 67.3c18.8 0 36.7-5.2 49.2-14.3v-31.5c-13.1 11.3-28.8 17.3-45.4 17.3c.1 0-45.3 2.3-44.4-33.4m4-27.9c5.5-13.9 16.9-21.2 33.1-21.2c13.3 0 21 5.6 21 14.5c0 12.5-14.1 13.6-27.3 13.6c-13 0-21-1.4-24.6-2.3l-3.5-.8zm-472 89.8c23 0 39.3-8.7 49-16v-31.7c-14.3 11.3-31.1 17.8-46 17.8c-23.8 0-40.5-16.4-40.5-40c0-22.4 15.2-38 36.9-38c7.1 0 13.2 1.8 19.7 3.6c6.7 1.9 13.7 4 22 4q3.9 0 7.8-.6v-30.2c-2.2.2-4.3.4-6.5.4c-7.5 0-14.3-1.4-21.4-2.9c-7.5-1.6-15.2-3.2-24.3-3.2c-18.1 0-34.9 6.4-47.2 18.2c-13.1 12.5-20.1 29.9-20.1 50.2c0 40.3 29 68.4 70.6 68.4m596.9-120.6c0-2-.3-3.8-1-5.4c-.6-1.7-1.5-3.1-2.7-4.3c-1.1-1.2-2.5-2.1-4-2.7c-1.5-.7-3.1-1-4.9-1s-3.4.3-5 1c-1.5.6-2.8 1.6-4 2.7c-1.1 1.2-2 2.6-2.7 4.3c-.6 1.7-1 3.5-1 5.4s.3 3.6.9 5.2s1.4 3.1 2.5 4.3s2.4 2.2 4 2.9c1.5.7 3.3 1 5.2 1c1.7 0 3.4-.3 4.9-1s2.8-1.6 4-2.8q1.65-1.8 2.7-4.2c.8-1.6 1.1-3.4 1.1-5.4m3.5 0c0 2.4-.4 4.7-1.3 6.7c-.8 2-2 3.7-3.5 5.1q-2.25 2.1-5.1 3.3c-1.9.8-3.9 1.2-6.1 1.2c-2.4 0-4.5-.4-6.5-1.2c-1.9-.8-3.6-2-5.1-3.4q-2.1-2.25-3.3-5.1c-.8-2-1.2-4.2-1.2-6.5c0-2.4.4-4.7 1.3-6.7s2-3.7 3.5-5.1q2.25-2.1 5.1-3.3c1.9-.8 4-1.2 6.1-1.2s4.1.4 6.1 1.2q2.85 1.2 5.1 3.3c1.5 1.4 2.6 3.1 3.5 5.1c1 1.9 1.4 4.2 1.4 6.6m-15.9-.9h1.6c.5-.1 1-.2 1.4-.4s.7-.5.9-.8c.2-.4.3-.9.3-1.6c0-.6-.1-1-.4-1.3c-.2-.3-.5-.6-.9-.7s-.8-.3-1.3-.3c-.5-.1-.9-.1-1.4-.1h-3.6v5.3h3.4zm-3.3 10.2h-3v-18h6.8c2.2 0 3.8.4 4.9 1.2s1.7 2.1 1.7 4c0 1.6-.5 2.8-1.4 3.6s-2 1.2-3.4 1.4l5.1 7.9h-3.4l-4.7-7.7h-2.8v7.6z"/><path d="M456.8 504.1c-1.5-.7-3.1-1-4.8-1s-3.4.3-4.9 1q-2.25.9-3.9 2.7c-1.1 1.2-2 2.6-2.6 4.2s-.9 3.4-.9 5.3q0 2.7.9 5.1t2.4 4.2c1.1 1.2 2.4 2.1 3.9 2.8s3.2 1 5.1 1q2.55 0 4.8-.9q2.25-1.05 3.9-2.7c1.1-1.2 2-2.5 2.6-4.1q.9-2.4.9-5.4c0-1.9-.3-3.7-.9-5.3s-1.5-3-2.6-4.2q-1.65-1.8-3.9-2.7m.1 24.7c-1.5.6-3.1 1-4.9 1c-1.9 0-3.7-.3-5.2-1s-2.9-1.7-4-2.9s-1.9-2.6-2.5-4.3c-.6-1.6-.9-3.4-.9-5.2c0-2 .3-3.8 1-5.4c.6-1.7 1.5-3.1 2.7-4.3c1.1-1.2 2.5-2.1 4-2.7c1.5-.7 3.2-1 5-1c1.7 0 3.4.3 4.9 1c1.5.6 2.8 1.6 4 2.7c1.1 1.2 2 2.6 2.7 4.3c.6 1.7 1 3.5 1 5.4c0 2-.3 3.8-1 5.5q-.9 2.4-2.7 4.2c-1.2 1.1-2.6 2-4.1 2.7m-11.5 2.9c-2-.9-3.7-2-5.2-3.5c-1.4-1.5-2.5-3.2-3.4-5.2q-1.2-3-1.2-6.6c0-2.5.4-4.7 1.3-6.8c.9-2 2.1-3.8 3.6-5.2c1.5-1.5 3.3-2.6 5.2-3.4q3-1.2 6.3-1.2c2.2 0 4.2.4 6.2 1.2s3.7 1.9 5.2 3.4s2.7 3.2 3.6 5.2s1.3 4.3 1.3 6.8s-.4 4.7-1.3 6.8c-.9 2-2 3.8-3.6 5.2c-1.5 1.5-3.2 2.6-5.2 3.4s-4 1.2-6.2 1.2c-2.3-.1-4.5-.5-6.6-1.3m12.7-.3q2.85-1.2 5.1-3.3c1.5-1.4 2.6-3.1 3.5-5.1s1.3-4.2 1.3-6.7s-.4-4.7-1.3-6.7c-.8-2-2-3.7-3.5-5.1q-2.25-2.1-5.1-3.3c-1.9-.8-3.9-1.2-6.1-1.2s-4.2.4-6.1 1.2s-3.7 1.9-5.1 3.3c-1.5 1.4-2.6 3.1-3.5 5.1c-.8 2-1.3 4.2-1.3 6.7c0 2.3.4 4.5 1.2 6.5q1.2 3 3.3 5.1c1.4 1.5 3.1 2.6 5.1 3.4s4.1 1.2 6.5 1.2c2.1.1 4.1-.3 6-1.1m-2.4-20c-.2-.3-.5-.5-.8-.7q-.45-.3-1.2-.3c-.5-.1-.9-.1-1.3-.1h-3.3v4.7h4.5c.5-.1.9-.2 1.2-.4s.6-.4.8-.7s.3-.8.3-1.4c.1-.5 0-.8-.2-1.1m.3 2.7c-.2.3-.5.6-.9.8s-.8.3-1.4.4h-4.9V510h3.6c.4 0 .9 0 1.4.1c.5 0 .9.1 1.3.3s.7.4.9.7c.3.3.4.8.4 1.3c-.1.8-.2 1.3-.4 1.7m-6.9 11.8h-3.6v-18.6h7.1c2.2 0 3.9.4 5.1 1.3q1.8 1.35 1.8 4.2c0 1.7-.5 3-1.5 3.8c-.8.7-1.9 1.2-3 1.4l5.1 8H456l-4.7-7.7H449v7.6zm-.3-8h2.8l4.7 7.7h3.4l-5.1-7.9h.3c1.2-.2 2.2-.6 3-1.3c.9-.8 1.4-1.9 1.4-3.6c0-1.8-.6-3.2-1.7-4s-2.7-1.2-4.9-1.2h-6.8v18h3v-7.7z"/></g></svg>

Chime Light アイコンの使い方

React

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

<Icon icon="thesvg-color:chime-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:chime-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:chime-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--chime-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:chime-light"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:chime-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/chime-light.svg" alt="Chime Light アイコン" width="24" height="24">

theSVG Color の関連アイコン

Chime Light アイコンのよくある質問

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →