ICONYZ
日本語
Google Material Icons の Twotone Call End アイコン

Twotone Call End アイコン

ic:twotone-call-end

Twotone Call End アイコン(ic:twotone-call-end)は、Google Material Icons セットの無料 SVG アイコンです(作者: Material Design Authors)。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Google Material Icons
作者
Material Design Authors
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
コミュニケーション
タグ
call、cell、contact、device、end、hardware、mobile、phone、telephone、communication、twotonecall、callend、twotonecallend
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.59 12.23c.67.38 1.3.8 1.88 1.27l1.07-1.07c-.92-.75-1.91-1.39-2.96-1.91v1.71zM3.53 13.49c.59-.48 1.22-.9 1.87-1.27v-1.7a15 15 0 0 0-2.94 1.9z" opacity=".3"/><path fill="currentColor" d="M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29c.27 0 .52-.1.7-.28c.79-.73 1.68-1.36 2.66-1.85c.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9c.98.49 1.88 1.11 2.67 1.85c.18.17.43.28.7.28c.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71A16.97 16.97 0 0 0 12 7m-6.6 5.22c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9zm15.07 1.28c-.58-.47-1.21-.89-1.88-1.27v-1.71c1.05.51 2.04 1.15 2.96 1.91z"/></svg>

Twotone Call End アイコンの使い方

React

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

<Icon icon="ic:twotone-call-end" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-call-end" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-call-end" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-call-end]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ic:twotone-call-end"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-call-end.svg" alt="Twotone Call End アイコン" width="24" height="24">

Google Material Icons の関連アイコン

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

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

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

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

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

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

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

Google Material Icons をすべて見る →