Chime Dark アイコン

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

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

thesvg-color:chime-dark

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="672" height="193" viewBox="0 0 672 193"><g fill="#1ec677"><path d="M448.6 56.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.2M306.3 58.3h-32.7v132.5h32.7zM290 .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.9C309.6 9.9 300.7.9 290 .9M170.1 67.2V0h-32.4v190.8h32.4V95.3c53.7-26.1 51.7 15.2 51.7 15.2v80.3h32.5v-80.3c-.1-77.6-67.9-52-84.2-43.3M538.6 131c17.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-.6V61.8c-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.2C7 86.8 0 104.2 0 124.5c0 40.3 29 68.4 70.6 68.4M667.512 72.305q0-2.964-.959-5.45q-.959-2.484-2.659-4.272a11.7 11.7 0 0 0-3.968-2.746q-2.267-1.003-4.882-1.003q-2.66 0-4.97 1.002a11.7 11.7 0 0 0-3.968 2.747q-1.7 1.788-2.659 4.273q-.96 2.484-.959 5.45q0 2.79.872 5.23q.871 2.442 2.485 4.273a12.45 12.45 0 0 0 3.967 2.921q2.31 1.047 5.232 1.047q2.615 0 4.882-.96a12.3 12.3 0 0 0 3.968-2.79q1.7-1.787 2.659-4.229q.96-2.484.959-5.493m3.488 0q0 3.663-1.308 6.67q-1.264 3.008-3.488 5.145a15.5 15.5 0 0 1-5.1 3.313a15.9 15.9 0 0 1-6.06 1.177q-3.532 0-6.496-1.22q-2.921-1.264-5.058-3.445q-2.092-2.179-3.313-5.144Q639 75.794 639 72.305q0-3.662 1.264-6.67q1.308-3.008 3.488-5.145a16 16 0 0 1 5.144-3.313A16.3 16.3 0 0 1 655.044 56q3.182 0 6.06 1.177a15.5 15.5 0 0 1 5.1 3.313q2.224 2.138 3.488 5.145Q671 68.643 671 72.305m-15.869-.915q.828 0 1.569-.044q.785-.087 1.352-.392t.915-.829q.35-.565.349-1.57q0-.827-.392-1.307a2.3 2.3 0 0 0-.916-.741a3.5 3.5 0 0 0-1.264-.305a11 11 0 0 0-1.352-.088h-3.575v5.276zm-3.314 10.245h-2.964v-18.05h6.845q3.27 0 4.926 1.221t1.657 3.968q0 2.441-1.352 3.575q-1.351 1.133-3.357 1.351l5.057 7.935h-3.357l-4.664-7.717h-2.791z"/><path fill-rule="evenodd" d="M659.805 60.11q-2.206-.975-4.761-.976q-2.601 0-4.851.978h-.003a11.4 11.4 0 0 0-3.866 2.678q-1.658 1.739-2.597 4.174q-.938 2.427-.939 5.341q0 2.742.854 5.13q.854 2.39 2.426 4.174a12.2 12.2 0 0 0 3.87 2.849q2.241 1.017 5.106 1.019q2.557-.001 4.763-.935a12 12 0 0 0 3.869-2.722q1.658-1.741 2.598-4.13q.937-2.426.938-5.385q0-2.915-.939-5.341q-.94-2.433-2.597-4.174a11.4 11.4 0 0 0-3.867-2.677zm.121 24.707q-2.267.96-4.882.96q-2.922 0-5.232-1.047a12.45 12.45 0 0 1-3.967-2.92q-1.614-1.832-2.485-4.273q-.872-2.442-.872-5.232q0-2.964.959-5.45q.959-2.484 2.659-4.272a11.7 11.7 0 0 1 3.968-2.746q2.31-1.003 4.97-1.003q2.615 0 4.882 1.002a11.7 11.7 0 0 1 3.968 2.747q1.7 1.788 2.659 4.273q.96 2.484.959 5.45q0 3.008-.959 5.492q-.959 2.442-2.659 4.23a12.3 12.3 0 0 1-3.968 2.79m-11.498 2.848q-2.972-1.286-5.152-3.51l-.002-.002q-2.134-2.224-3.374-5.238l-.002-.005q-1.199-3.065-1.198-6.605q-.001-3.715 1.288-6.786l.001-.004q1.329-3.058 3.553-5.239l.002-.002a16.3 16.3 0 0 1 5.24-3.375a16.6 16.6 0 0 1 6.26-1.199q3.239 0 6.172 1.2a15.8 15.8 0 0 1 5.197 3.375q2.269 2.181 3.555 5.242q1.333 3.072 1.332 6.788q.001 3.717-1.332 6.788q-1.286 3.061-3.555 5.242a15.8 15.8 0 0 1-5.197 3.376a16.2 16.2 0 0 1-6.172 1.2q-3.585 0-6.611-1.244zm12.676-.232a15.5 15.5 0 0 0 5.1-3.313q2.224-2.137 3.488-5.145Q671 75.968 671 72.306t-1.308-6.67q-1.264-3.008-3.488-5.145a15.5 15.5 0 0 0-5.1-3.313a15.9 15.9 0 0 0-6.06-1.177q-3.226 0-6.148 1.177a16 16 0 0 0-5.144 3.313q-2.18 2.138-3.488 5.145Q639 68.643 639 72.305q0 3.487 1.177 6.496q1.22 2.965 3.313 5.144q2.137 2.18 5.058 3.445q2.964 1.22 6.496 1.22q3.182 0 6.06-1.177m-2.418-20.002l-.005-.007a2 2 0 0 0-.799-.645a3.2 3.2 0 0 0-1.157-.278h-.009l-.009-.002a11 11 0 0 0-1.315-.085h-3.275v4.676h3.014q.816 0 1.544-.043c.49-.055.899-.177 1.234-.358q.5-.269.806-.725c.19-.313.301-.772.301-1.408c0-.507-.12-.868-.325-1.118zm.281 2.694a2.5 2.5 0 0 1-.915.829q-.567.305-1.352.392q-.741.044-1.569.044h-3.314v-5.276h3.575q.654 0 1.352.088q.697.043 1.264.305q.567.261.916.741q.392.48.392 1.308q0 1.002-.349 1.57m-6.85 11.81h-3.564v-18.65h7.144c2.209 0 3.926.412 5.105 1.28c1.205.888 1.779 2.317 1.779 4.209c0 1.68-.467 2.972-1.459 3.805c-.843.707-1.861 1.156-3.045 1.355l5.099 8h-4.073l-4.665-7.716h-2.321zm-.3-8.017h2.791l4.664 7.717h3.357l-5.057-7.935q.167-.018.329-.042q1.79-.27 3.028-1.31q1.352-1.133 1.352-3.574q0-2.747-1.657-3.968q-1.657-1.22-4.926-1.22h-6.845v18.049h2.964z" clip-rule="evenodd"/></g></svg>

Chime Dark アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

theSVG Color の関連アイコン

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

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

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

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

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

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

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

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