Ch Info アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:ch-info

Ch Info アイコン(arcticons:ch-info)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: chinfo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.836 40.73v-7.155m0 11.925c7.065-2.715 6.66-8.154 6.66-11.4v-2.46a25.2 25.2 0 0 0-6.66-1.14a25.2 25.2 0 0 0-6.66 1.14v2.46c0 3.246-.405 8.685 6.66 11.4m-3.578-8.347h7.155"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.54 42.744a21.503 21.503 0 1 1 10.959-18.97m.001.172a21.5 21.5 0 0 1-1.265 7.338"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.722 30.218v-3.18a10.91 10.91 0 1 1 21.822 0v3.18"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.964 16.457v-4.645a2.669 2.669 0 1 1 5.338 0v4.645m-3.868 5.245v-2.087a1.199 1.199 0 0 1 2.398 0v2.087Zm1.199-12.559V6.632m-.632.592h1.264m2.882 7.407h-7.028M5.92 28.147h23.426M5.594 30.218h24.078v2.277H5.594zm1.128 2.277v4.301m21.822-4.301v8.43l1.265 1.754v2.027m-1.265-4.916H9.409m8.224-23.663v2.289m0 3.286v6.445m-3.911-11.298v11.298m-3.628 0v-8.946m11.449-2.352v11.298m3.628 0v-8.946M14.964 12.31h5.338M9.17 39.564l8.463-7.069m8.91 7.295l-8.91-7.295"/></svg>

Ch Info アイコンの使い方

React

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

<Icon icon="arcticons:ch-info" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:ch-info" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:ch-info" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--ch-info]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:ch-info"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:ch-info"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/ch-info.svg" alt="Ch Info アイコン" width="24" height="24">

Arcticons の関連アイコン

Ch Info アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →