Chat Round Video アイコン

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

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

reicon:chat-round-video

Chat Round Video アイコン(reicon:chat-round-video)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: メッセージ
タグ: chatround、roundvideo、chatroundvideo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75A9.25 9.25 0 0 0 2.75 12c0 1.481.348 2.879.965 4.118c.248.498.343 1.092.187 1.677l-.596 2.225a.55.55 0 0 0 .673.674l2.227-.596a2.38 2.38 0 0 1 1.676.187A9.2 9.2 0 0 0 12 21.25a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75c-1.718 0-3.344-.404-4.787-1.122a.9.9 0 0 0-.62-.08l-2.226.595c-1.524.408-2.918-.986-2.51-2.51l.596-2.226a.9.9 0 0 0-.08-.62A10.7 10.7 0 0 1 1.25 12m12.307-3.226l.108.066c.882.542 1.617.994 2.123 1.42c.527.444.962.988.962 1.74s-.435 1.296-.962 1.74c-.507.426-1.241.878-2.123 1.42l-.108.066c-.892.548-1.637 1.006-2.247 1.264c-.627.265-1.333.415-1.998.013c-.65-.393-.871-1.081-.967-1.768c-.095-.678-.095-1.58-.095-2.675v-.12c0-1.095 0-1.997.095-2.675c.096-.687.318-1.375.967-1.768c.665-.402 1.37-.252 1.998.013c.61.258 1.355.716 2.247 1.264m-3.468.007c-.051.03-.18.127-.259.692c-.078.561-.08 1.357-.08 2.527s.002 1.966.08 2.527c.08.565.208.662.259.692c.037.023.154.094.637-.11c.492-.209 1.14-.604 2.1-1.195c.95-.583 1.586-.976 1.996-1.322c.4-.337.428-.5.428-.592s-.028-.255-.428-.592c-.41-.346-1.047-.74-1.995-1.322c-.962-.591-1.609-.986-2.1-1.194c-.484-.205-.601-.134-.638-.111" clip-rule="evenodd"/></svg>

Chat Round Video アイコンの使い方

React

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

<Icon icon="reicon:chat-round-video" width="24" />

Vue

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

<template>
  <Icon icon="reicon:chat-round-video" width="24" />
</template>

Svelte

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

<Icon icon="reicon:chat-round-video" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--chat-round-video]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:chat-round-video"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:chat-round-video"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/chat-round-video.svg" alt="Chat Round Video アイコン" width="24" height="24">

Reicon の関連アイコン

Chat Round Video アイコンのよくある質問

Chat Round Video アイコンは商用利用でも無料ですか?

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

React で Chat Round Video アイコンを使うには?

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

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

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

Reicon アイコンをすべて見る →