Call Chat Rounded Outline アイコン

Q: Call Chat Rounded Outline アイコンは商用利用でも無料ですか?

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

solar:call-chat-rounded-outline

Call Chat Rounded Outline アイコン(solar:call-chat-rounded-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 通話
タグ: callchat、chatrounded、roundedoutline、callchatroundedoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M22.75 7C22.75 3.82436 20.1756 1.25 17 1.25C13.8243 1.25 11.25 3.82436 11.25 7C11.25 7.91847 11.4659 8.78866 11.8504 9.56061C11.859 9.5779 11.8623 9.5918 11.8634 9.6002C11.8639 9.60415 11.8638 9.60649 11.8638 9.60744L11.5662 10.7195C11.2878 11.7601 12.2398 12.7122 13.2805 12.4338L14.3925 12.1362C14.3911 12.1366 14.3916 12.1363 14.3925 12.1362C14.3935 12.1362 14.3958 12.1361 14.3998 12.1366C14.4082 12.1376 14.4221 12.141 14.4394 12.1496C15.2113 12.5341 16.0815 12.75 17 12.75C20.1756 12.75 22.75 10.1756 22.75 7ZM14.3935 12.136L14.3925 12.1362L14.3935 12.136ZM17 2.75C19.3472 2.75 21.25 4.65279 21.25 7C21.25 9.34721 19.3472 11.25 17 11.25C16.3188 11.25 15.677 11.0903 15.1081 10.8069C14.7889 10.6479 14.3977 10.5821 14.0058 10.6869L13.06 10.94L13.313 9.99416C13.4179 9.60224 13.352 9.2111 13.193 8.89186C12.9097 8.32298 12.75 7.68122 12.75 7C12.75 4.65279 14.6528 2.75 17 2.75Z"/><path d="M3.00745 6.4069C4.68752 4.72683 7.52266 4.85455 8.69248 6.95067L9.34149 8.1136C10.1054 9.48242 9.77987 11.2095 8.66157 12.3415C8.64668 12.3619 8.56774 12.4768 8.55791 12.6776C8.54536 12.9339 8.63639 13.5267 9.55482 14.4452C10.4729 15.3633 11.0656 15.4545 11.3221 15.4421C11.5231 15.4323 11.6381 15.3533 11.6585 15.3384C12.7905 14.2201 14.5176 13.8946 15.8864 14.6585L17.0493 15.3075C19.1454 16.4773 19.2731 19.3125 17.5931 20.9925C16.6944 21.8912 15.4995 22.6897 14.0953 22.7429C12.0144 22.8218 8.55913 22.2844 5.13735 18.8626C1.71556 15.4408 1.17818 11.9856 1.25706 9.90468C1.3103 8.50048 2.10879 7.30556 3.00745 6.4069ZM7.38265 7.68167C6.78363 6.60832 5.17394 6.36173 4.06811 7.46756C3.29276 8.24291 2.7887 9.09872 2.75599 9.9615C2.6902 11.6968 3.11864 14.7226 6.19801 17.802C9.27737 20.8813 12.3031 21.3098 14.0385 21.244C14.9013 21.2113 15.7571 20.7072 16.5324 19.9319C17.6382 18.826 17.3916 17.2163 16.3183 16.6173L15.1554 15.9683C14.432 15.5646 13.4158 15.7023 12.7025 16.4156C12.6325 16.4856 12.1864 16.9018 11.395 16.9403C10.5847 16.9797 9.604 16.6157 8.49416 15.5058C7.38395 14.3956 7.02003 13.4146 7.0597 12.6043C7.09846 11.8128 7.51468 11.3672 7.58432 11.2975C8.29764 10.5842 8.43539 9.56801 8.03166 8.8446L7.38265 7.68167Z"/></g></svg>

Call Chat Rounded Outline アイコンの使い方

React

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

<Icon icon="solar:call-chat-rounded-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:call-chat-rounded-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:call-chat-rounded-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--call-chat-rounded-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:call-chat-rounded-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:call-chat-rounded-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/call-chat-rounded-outline.svg" alt="Call Chat Rounded Outline アイコン" width="24" height="24">

Solar の関連アイコン

Call Chat Rounded Outline アイコンのよくある質問

Call Chat Rounded Outline アイコンは商用利用でも無料ですか?

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

React で Call Chat Rounded Outline アイコンを使うには?

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

Call Chat Rounded Outline アイコンをウェブページに追加するには?

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

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