Phone Badge Plus アイコン
f7:phone-badge-plus
Phone Badge Plus アイコン(f7:phone-badge-plus)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- phonebadge、badgeplus、phonebadgeplus
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="m49.351 35.758l-6.82-4.735c-2.11-1.453-4.57-1.617-6.539.329l-1.57 1.57c-.586.586-1.453.656-2.18.187c-.844-.515-3.398-2.742-5.133-4.476c-1.828-1.805-3.61-3.82-4.242-4.875c-.469-.75-.375-1.594.211-2.18l1.547-1.57c1.969-1.969 1.805-4.453.352-6.54l-4.758-6.82c-1.43-2.085-3-3.046-4.688-3.07c-1.476-.023-3.023.656-4.594 2.063l-.586.515c-2.671 2.39-3.773 5.086-3.773 9.14c0 3.165.961 6.68 3.281 11.25a14.6 14.6 0 0 1 3.563-1.007c-2.297-4.406-3.305-7.523-3.258-10.242c.047-2.578.96-4.805 2.789-6.398c.164-.141.281-.258.445-.376c.703-.609 1.453-.937 2.133-.937s1.29.258 1.734.96l4.547 6.821c.493.727.54 1.547-.187 2.274l-2.063 2.062c-1.547 1.547-1.382 3.656.165 5.461c1.523 1.781 3.585 3.797 5.671 5.906c1.946 1.97 3.657 3.657 5.414 5.157c1.852 1.57 3.961 1.734 5.485.21l2.062-2.062c.727-.727 1.524-.68 2.274-.21l6.797 4.546c.726.469.984 1.055.984 1.758c0 .68-.328 1.43-.937 2.133c-.141.164-.235.28-.376.445c-1.617 1.828-3.843 2.719-6.421 2.766c-2.813.046-5.977-.82-10.22-3.165c-.163 1.243-.538 2.438-1.03 3.54c4.687 2.367 8.132 3.234 11.226 3.234c4.078 0 6.774-1.102 9.164-3.773c.188-.188.352-.399.54-.587c1.405-1.57 2.062-3.117 2.062-4.593c0-1.688-.984-3.258-3.07-4.711M15.484 52.445c6.469 0 11.907-5.39 11.907-11.906s-5.368-11.906-11.907-11.906c-6.515 0-11.906 5.39-11.906 11.906c0 6.563 5.39 11.906 11.906 11.906m.024-4.172c-.82 0-1.547-.562-1.547-1.43V41.97H9.484c-.797 0-1.453-.657-1.453-1.43s.656-1.43 1.453-1.43h4.477v-4.851c0-.89.726-1.453 1.547-1.453c.797 0 1.523.562 1.523 1.453v4.851h4.477c.797 0 1.43.657 1.43 1.43s-.633 1.43-1.43 1.43H17.03v4.875c0 .867-.726 1.43-1.523 1.43"/></svg>
Phone Badge Plus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:phone-badge-plus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:phone-badge-plus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:phone-badge-plus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--phone-badge-plus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:phone-badge-plus"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:phone-badge-plus"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/phone-badge-plus.svg" alt="Phone Badge Plus アイコン" width="24" height="24">
Phone Badge Plus アイコン のよくある質問
Phone Badge Plus アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Phone Badge Plus アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:phone-badge-plus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phone Badge Plus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/phone-badge-plus.svg" alt="Phone Badge Plus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
