Telephone アイコン

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

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

emojione:telephone

Telephone アイコン(emojione:telephone)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Colored)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#333" d="M24.2 56c0 2.2-1.8 4-4 4h-5.6c-2.2 0-4-1.8-4-4v-2.6h13.6zm29.2 0c0 2.2-1.8 4-4 4h-5.6c-2.2 0-4-1.8-4-4v-2.6h13.6z"/><path fill="#676e72" d="M56.1 9.1C51.5 6.1 42.4 4 32 4C20 4 9.7 6.7 6.1 10.5C3.6 13 2 16.7 2 20.9c0 3.7 21.6 3.7 21.6 0c0-2.8-.7-5.4-1.9-7.6c3.2-.5 6.7-.7 10.4-.7s7.2.3 10.4.7c-1.2 2.1-1.9 4.8-1.9 7.6c0 3.7 21.6 3.7 21.6 0c-.2-5.2-2.6-9.6-6.1-11.8"/><path fill="#333" d="M17.9 10.9c1.4 2.4 5.2 8.5 2.8 10.9c5.3-.2.3-9.9-2.8-10.9m38.5 0c1.4 2.4 5.2 8.5 2.8 10.9c5.2-.2.3-9.9-2.8-10.9"/><path fill="#676e72" d="M57.6 51.7c0 2.2-1.8 4-4 4H10.5c-2.2 0-4-1.8-4-4v-7.3h51.1z"/><path fill="#333" d="M57.6 44.4H6.4s4.8-11.3 11.3-11.3h28.6c6.5 0 11.3 11.3 11.3 11.3"/><path fill="#676e72" d="M52.2 39.9H11.8s3.7-18 8.9-18h22.5c5.2 0 9 18 9 18"/><path fill="#333" d="M40.8 8.1c-1.1 1-1.9 4.1-3.2 4.9c-2.4 1.4-8.8 1.4-11.2 0c-1.2-.8-2.1-3.9-3.2-4.9c-.8-.7-3.5-.8-4 0c-1.5 2.4 3 8.7 5.6 9.8c3.3 1.4 11 1.4 14.3 0c2.6-1.1 7.2-7.4 5.6-9.8c-.5-.9-3.2-.7-3.9 0"/><path fill="#a59a7c" d="M46.8 25.1c1.8 6.5-4.7 13.2-15 13.2s-16.6-6.6-14.6-13.2c1.6-5.2 8.1-8.7 14.9-8.7c6.8.1 13.3 3.5 14.7 8.7"/><path fill="#f9eeb6" d="M46.1 24.5c1.6 6.1-4.6 12.2-14.3 12.2S16.2 30.5 18 24.5c1.4-4.9 7.7-8.2 14.2-8.2s12.6 3.3 13.9 8.2"/><path fill="#a59a7c" d="M38 24.6c.3 2.5-2.4 4.6-6 4.6s-6.2-2.2-5.9-4.6c.3-2.2 3-3.9 6-3.9s5.7 1.7 5.9 3.9"/><path fill="#d1c5b5" d="M37.8 24.4c.2 2.3-2.3 4.3-5.8 4.3c-3.4 0-5.9-2-5.7-4.3c.3-2.1 2.8-3.7 5.8-3.7c2.9 0 5.4 1.6 5.7 3.7"/><path fill="#a8a08d" d="M30.5 17.4c-1 .6-1 1.5-.1 2.1c1 .6 2.6.6 3.5 0s.9-1.5-.1-2.1c-.9-.5-2.4-.5-3.3 0m5.4 2.6c.1.9 1.3 1.7 2.7 1.7s2.5-.8 2.3-1.7s-1.4-1.5-2.7-1.5c-1.4 0-2.4.7-2.3 1.5m.6 9.7c.1 1.3 1.6 2.4 3.4 2.4s3-1.1 2.7-2.4c-.2-1.3-1.7-2.2-3.3-2.2c-1.6-.1-2.9.9-2.8 2.2M29.6 34c1.3 1.1 3.4 1.1 4.7 0c1.2-1 1.2-2.7-.1-3.6c-1.2-.9-3.1-.9-4.4 0c-1.3 1-1.4 2.6-.2 3.6m-8.3-4.3c-.3 1.3.9 2.4 2.7 2.4s3.3-1.1 3.4-2.4s-1.1-2.2-2.7-2.2s-3.1.9-3.4 2.2M20 25.8c.9.8 2.7.8 4 0c1.2-.8 1.4-2 .5-2.7s-2.6-.7-3.8 0c-1.3.7-1.6 1.9-.7 2.7m8.3-5.8c.1-.9-.9-1.5-2.3-1.5c-1.3 0-2.6.7-2.8 1.5c-.2.9.8 1.7 2.3 1.7s2.7-.8 2.8-1.7"/><path fill="#fff" d="M30.5 17.6c-1 .6-1 1.5-.1 2.1s2.5.6 3.5 0c.9-.6.9-1.6-.1-2.1c-.9-.6-2.4-.6-3.3 0m5.3 2.6c.1.9 1.3 1.7 2.7 1.7s2.4-.8 2.3-1.7c-.2-.9-1.4-1.6-2.7-1.6c-1.3.1-2.3.7-2.3 1.6m.7 9.7c.1 1.3 1.6 2.5 3.3 2.5s3-1.1 2.7-2.5c-.2-1.3-1.7-2.3-3.3-2.3c-1.6.1-2.8 1.1-2.7 2.3m-6.9 4.5c1.2 1.1 3.3 1.1 4.6 0c1.2-1.1 1.1-2.7-.1-3.7c-1.2-.9-3.1-.9-4.3 0c-1.3 1-1.4 2.6-.2 3.7m-8.2-4.5c-.3 1.3.9 2.5 2.7 2.5c1.7 0 3.3-1.1 3.4-2.5c.1-1.3-1.1-2.3-2.7-2.3c-1.6.1-3.1 1.1-3.4 2.3M20.1 26c.9.8 2.7.8 4 0c1.2-.8 1.4-2 .5-2.7s-2.6-.7-3.8 0s-1.6 1.9-.7 2.7m8.3-5.8c.1-.9-.9-1.6-2.3-1.6c-1.3 0-2.5.7-2.7 1.6s.8 1.7 2.2 1.7c1.5 0 2.7-.8 2.8-1.7"/><path fill="#a59a7c" d="m47 32.1l-2.3 1l-3.4-7.8l.1-.4l5.7 6.8z"/><path fill="#d1c5b5" d="m47.1 31.7l-2.3 1l-3.4-7.8l1.3-.4z"/></svg>

Telephone アイコンの使い方

React

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

<Icon icon="emojione:telephone" width="24" />

Vue

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

<template>
  <Icon icon="emojione:telephone" width="24" />
</template>

Svelte

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

<Icon icon="emojione:telephone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--telephone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:telephone"></div>

Web コンポーネント

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

<iconify-icon icon="emojione:telephone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/telephone.svg" alt="Telephone アイコン" width="24" height="24">

Emoji One (Colored) の関連アイコン

他のアイコンセットの Telephone アイコン

Telephone アイコンのよくある質問

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

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

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

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

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

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

Emoji One (Colored) アイコンをすべて見る →