End Call Rounded Outline アイコン

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

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

solar:end-call-rounded-outline

End Call Rounded Outline アイコン(solar:end-call-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
カテゴリ: 通話
タグ: endcall、callrounded、roundedoutline、endcallroundedoutline

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 7.75C7.43534 7.75 4.87272 9.67556 3.63293 11.0131C3.01079 11.6842 2.75 12.6999 2.75 13.8504C2.75 15.5042 4.14034 16.5337 5.40255 16.1757L6.74225 15.7957C7.59203 15.5547 8.25 14.6868 8.25 13.6185C8.25 13.5201 8.27072 12.8926 8.81935 12.2875C9.38063 11.6683 10.3644 11.2139 12 11.2139C13.6356 11.2139 14.6193 11.6683 15.1806 12.2874C15.7293 12.8926 15.75 13.52 15.75 13.6185V13.6185C15.75 14.6868 16.408 15.5547 17.2577 15.7958L18.5974 16.1757C19.8597 16.5337 21.25 15.5042 21.25 13.8504C21.25 12.6999 20.9892 11.6842 20.3671 11.0131C19.1273 9.67556 16.5647 7.75 12 7.75ZM2.53285 9.99333C4.00774 8.40221 6.95109 6.25 12 6.25C17.0489 6.25 19.9923 8.40221 21.4672 9.99334C22.4576 11.0619 22.75 12.5255 22.75 13.8504C22.75 16.3163 20.5772 18.2964 18.1882 17.6188L16.8484 17.2388C15.2871 16.796 14.2591 15.2918 14.2501 13.6405C14.2463 13.6147 14.22 13.461 14.0693 13.2949C13.8806 13.0867 13.3644 12.7139 12 12.7139C10.6356 12.7139 10.1194 13.0867 9.93066 13.2949C9.78005 13.4611 9.75367 13.6147 9.74994 13.6405C9.74089 15.2918 8.71288 16.796 7.15155 17.2388L5.81185 17.6188C3.42281 18.2964 1.25 16.3163 1.25 13.8504C1.25 12.5255 1.54238 11.0619 2.53285 9.99333Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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