Phone アイコン
ls:phone
Phone アイコン(ls:phone)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 717 × 717 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 717 × 717
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M0 179c0 30 11 63 25 98s32 68 46 93c38 66 87 131 143 185s122 99 196 126c43 17 86 36 134 36c24 0 58-9 89-22c30-13 57-33 67-57c4-9 9-21 12-35c3-13 5-26 5-35c0-5 0-10-1-11c-3-6-10-11-18-16c-18-9-21-12-48-28c-28-16-57-34-82-47c-12-7-20-10-23-10c-16 0-36 22-53 46c-18 24-38 46-52 46c-7 0-14-3-22-8s-16-9-21-12c-88-50-147-109-197-196c-6-10-20-31-20-42c0-13 18-28 36-44c17-15 35-33 35-55c0-3-2-12-6-25c-9-26-21-56-31-85c-5-14-9-24-10-29c-2-3-3-7-4-12s-3-9-4-13c-3-9-8-16-13-20c-5-2-17-5-29-6c-12 0-26-1-32-1c-3 0-7 0-11 1H98C66 15 43 43 26 76C10 109 0 146 0 179"/></svg>
Phone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:phone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:phone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:phone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--phone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:phone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:phone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/phone.svg" alt="Phone アイコン" width="24" height="24">
Phone アイコン のよくある質問
Phone アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Phone アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:phone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/phone.svg" alt="Phone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ligature Symbols アイコン をすべて見る →
ICONYZ
