Telephone アイコン

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

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

temaki:telephone

Telephone アイコン(temaki:telephone)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 50 × 50 のグリッドで描かれています。 Temaki icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Temaki
作者: Bryan Housel
ライセンス: CC0-1.0
サイズ: 50 × 50

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M17 21h2.68c.8 0 1.32-1.18 1.32-1.98v-8.44c0-.8-.51-.58-1.32-.58H17zm0 16h2.68c.8 0 1.32.93 1.32 1.73v8.44c0 .79-.51 1.83-1.32 1.83H17zm-3.54-8c-.02-7.72 1.43-8 2.26-8H16V10h-.34C14.19 10 7 12.42 7 29.5S14.19 49 15.66 49H16V37h-.28c-.83 0-2.23-.29-2.25-8zm9.74-16.62c.49.58.75 1.32.75 2.08s-.26 1.5-.75 2.08l1.6 1.31c.78-.95 1.21-2.16 1.21-3.39c0-1.24-.43-2.44-1.21-3.39l-1.6 1.32zm5.13 9.26c1.74-1.91 2.71-4.39 2.71-6.98c0-2.58-.95-5.05-2.7-6.96l-1.55 1.35a8.25 8.25 0 0 1 2.19 5.6c0 2.09-.78 4.09-2.21 5.62l1.57 1.35zm3.53 3.79a15.3 15.3 0 0 0 4.21-10.55c0-3.93-1.48-7.67-4.17-10.53l-1.53 1.39C32.7 8.22 34 11.46 34 14.88s-1.29 6.68-3.65 9.16l1.52 1.39zm3.55 3.79a20.34 20.34 0 0 0 5.68-14.13c0-5.27-2-10.28-5.64-14.09l-1.49 1.43c3.27 3.43 5.08 7.93 5.08 12.67c0 4.76-1.81 9.27-5.11 12.7l1.5 1.44z"/></svg>

Telephone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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