Mobile Phone アイコン
streamline-stickies-color:mobile-phone
Mobile Phone アイコン(streamline-stickies-color:mobile-phone)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- メール・電話
- タグ
- mobilephone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ff52a1" stroke="#231f20" d="M32.71 3.88C31.61.88 24.27.5 20 .5S8.39.88 7.29 3.88C6.18 5.38 6.07 13.38 6.07 20s.11 14.62 1.22 16.12c1.1 3 8.44 3.38 12.71 3.38s11.61-.38 12.71-3.38c1.11-1.5 1.22-9.5 1.22-16.12s-.11-14.62-1.22-16.12Z"/><path fill="#fff" stroke="#231f20" d="M27.63 7.4C27 6.22 22.56 6.07 20 6.07s-7 .15-7.63 1.33c-.66.59-.73 3.73-.73 6.33s.07 5.74.73 6.33c.67 1.18 5.07 1.33 7.63 1.33s7-.15 7.63-1.33c.66-.59.73-3.73.73-6.33S28.29 8 27.63 7.4ZM15.47 24.63c-.17-.3-1.06-.45-1.74-.45s-1.56.15-1.74.45a3.35 3.35 0 0 0-.35 1.64A3.27 3.27 0 0 0 12 27.9c.18.31 1.07.46 1.74.46s1.57-.15 1.74-.46a3.16 3.16 0 0 0 .35-1.63a3.23 3.23 0 0 0-.36-1.64Zm6.27 0c-.17-.3-1.07-.45-1.74-.45s-1.57.15-1.74.45a3.23 3.23 0 0 0-.35 1.64a3.16 3.16 0 0 0 .35 1.63c.17.31 1.07.46 1.74.46s1.57-.15 1.74-.46a3.16 3.16 0 0 0 .35-1.63a3.23 3.23 0 0 0-.35-1.64Zm-6.27 6.97c-.17-.31-1.06-.46-1.74-.46s-1.56.15-1.74.46a3.27 3.27 0 0 0-.35 1.63a3.35 3.35 0 0 0 .36 1.64c.18.3 1.07.45 1.74.45s1.57-.15 1.74-.45a3.23 3.23 0 0 0 .35-1.64a3.16 3.16 0 0 0-.36-1.63Zm6.27 0c-.17-.31-1.07-.46-1.74-.46s-1.57.15-1.74.46a3.16 3.16 0 0 0-.35 1.63a3.23 3.23 0 0 0 .35 1.64c.17.3 1.07.45 1.74.45s1.57-.15 1.74-.45a3.23 3.23 0 0 0 .35-1.64a3.16 3.16 0 0 0-.35-1.63ZM28 24.63c-.18-.3-1.07-.45-1.74-.45s-1.57.15-1.74.45a3.23 3.23 0 0 0-.35 1.64a3.16 3.16 0 0 0 .35 1.63c.17.31 1.06.46 1.74.46s1.56-.15 1.74-.46a3.27 3.27 0 0 0 .35-1.63a3.35 3.35 0 0 0-.35-1.64Zm0 6.97c-.18-.31-1.07-.46-1.74-.46s-1.57.15-1.74.46a3.16 3.16 0 0 0-.35 1.63a3.23 3.23 0 0 0 .35 1.64c.17.3 1.06.45 1.74.45s1.56-.15 1.74-.45a3.35 3.35 0 0 0 .35-1.64A3.27 3.27 0 0 0 28 31.6Z"/><path stroke="#fff" stroke-linecap="round" d="M26.58 3.29c3.71.85 3.71.85 4.56 4.17"/></g></svg>
Mobile Phone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:mobile-phone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:mobile-phone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:mobile-phone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--mobile-phone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:mobile-phone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:mobile-phone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/mobile-phone.svg" alt="Mobile Phone アイコン" width="24" height="24">
Stickies color icons の関連アイコン
他のアイコンセットの Mobile Phone アイコン
Mobile Phone アイコン のよくある質問
Mobile Phone アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mobile Phone アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:mobile-phone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mobile Phone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/mobile-phone.svg" alt="Mobile Phone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Stickies color icons をすべて見る →
ICONYZ
