Mobile Phone Duo アイコン
streamline-stickies-color:mobile-phone-duo
Mobile Phone Duo アイコン(streamline-stickies-color:mobile-phone-duo)は、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、phoneduo、mobilephoneduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke="#00034a" stroke-miterlimit="10"><path fill="#00034a" d="M30.033 1.96C27.345.7 22.683.5 19.633.5C15.474.5 8.328.87 7.257 3.79C6.178 5.252 6.07 13.04 6.07 19.486s.107 14.235 1.188 15.695c.423 1.153 2.106 2.336 3.19 2.844c2.687 1.262 7.35 1.462 10.402 1.462c4.157 0 11.304-.37 12.375-3.291c1.08-1.46 1.187-9.25 1.187-15.695s-.107-14.234-1.187-15.694c-.423-1.154-2.108-2.338-3.192-2.847Z"/><path fill="#9bff00" d="M32.007 3.79C30.936.87 23.79.5 19.632.5S8.33.87 7.258 3.79C6.178 5.252 6.07 13.04 6.07 19.486s.107 14.235 1.188 15.695c1.07 2.92 8.217 3.29 12.374 3.29c4.158 0 11.304-.37 12.375-3.29c1.08-1.46 1.188-9.25 1.188-15.695s-.107-14.234-1.188-15.694z"/><path fill="#fff" d="M27.061 7.218c-.613-1.149-4.936-1.295-7.429-1.295c-2.492 0-6.815.146-7.428 1.295c-.643.574-.711 3.632-.711 6.163s.068 5.588.71 6.163c.653 1.149 4.937 1.295 7.43 1.295s6.815-.146 7.428-1.295c.643-.575.71-3.632.71-6.163s-.067-5.579-.71-6.163ZM15.222 23.993c-.166-.292-1.032-.438-1.694-.438s-1.519.146-1.694.438a3.26 3.26 0 0 0-.341 1.597c-.022.55.098 1.097.35 1.587c.176.302 1.042.448 1.695.448c.652 0 1.528-.146 1.694-.448c.253-.489.37-1.037.34-1.587a3.14 3.14 0 0 0-.35-1.597Zm6.104 0c-.165-.292-1.041-.438-1.694-.438c-.652 0-1.528.146-1.694.438a3.15 3.15 0 0 0-.34 1.597c-.031.55.087 1.098.34 1.587c.166.302 1.042.448 1.694.448c.653 0 1.529-.146 1.694-.448a3.1 3.1 0 0 0 .341-1.587a3.15 3.15 0 0 0-.341-1.597Zm-6.104 6.787c-.166-.303-1.032-.449-1.694-.449s-1.519.146-1.694.448a3.2 3.2 0 0 0-.341 1.587c-.02.554.1 1.103.35 1.597c.176.292 1.042.438 1.695.438c.652 0 1.528-.146 1.694-.438c.252-.493.37-1.044.34-1.597a3.1 3.1 0 0 0-.35-1.587zm6.104 0c-.165-.303-1.041-.449-1.694-.449c-.652 0-1.528.146-1.694.448a3.1 3.1 0 0 0-.34 1.587c-.03.553.088 1.104.34 1.597c.166.292 1.042.438 1.694.438c.653 0 1.529-.146 1.694-.438c.253-.493.37-1.044.341-1.597a3.1 3.1 0 0 0-.34-1.587zm6.095-6.787c-.175-.292-1.041-.438-1.694-.438c-.652 0-1.528.146-1.694.438a3.15 3.15 0 0 0-.34 1.597c-.031.55.086 1.098.34 1.587c.166.302 1.032.448 1.694.448s1.519-.146 1.694-.448c.249-.49.366-1.038.341-1.587a3.26 3.26 0 0 0-.34-1.597zm0 6.787c-.175-.303-1.041-.449-1.694-.449c-.652 0-1.528.146-1.694.448a3.1 3.1 0 0 0-.34 1.587c-.03.553.088 1.104.34 1.597c.166.292 1.032.438 1.694.438s1.519-.146 1.694-.438a3.26 3.26 0 0 0 .341-1.597a3.2 3.2 0 0 0-.34-1.587z"/></g></svg>Mobile Phone Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:mobile-phone-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:mobile-phone-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:mobile-phone-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--mobile-phone-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:mobile-phone-duo"></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-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/mobile-phone-duo.svg" alt="Mobile Phone Duo アイコン" width="24" height="24">Stickies color icons の関連アイコン
Mobile Phone Duo アイコン のよくある質問
Mobile Phone Duo アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mobile Phone Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:mobile-phone-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mobile Phone Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/mobile-phone-duo.svg" alt="Mobile Phone Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。