Worldwide Web Phone アイコン
streamline-freehand-color:worldwide-web-phone
Worldwide Web Phone アイコン(streamline-freehand-color:worldwide-web-phone)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- インターネット・ネットワーク・サーバー
- タグ
- worldwideweb、webphone、worldwidewebphone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M23.396 11.994c-.18 1.289-.52 3.387-.88 5.385c-.999 5.754-1.129 5.205-1.049 5.135c-.649.44-5.994-.09-7.492-1.18c0 .13-.24-.519.89-6.992c.888-5.145.998-4.645 1.737-4.705c0 .799 0 1.788.63 2.108a9.7 9.7 0 0 0 4.155.919c.56-.25.81-.75 1.579-1.898l.48.21a.342.342 0 1 0 .31-.61c-1.55-.83-7.643-2.497-8.602-1.099c-.96 1.399-2.558 10.989-2.308 12.338a1.64 1.64 0 0 0 .95.999c1.628.829 7.372 1.838 8.47.559c.49-.56 1.649-10.34 1.729-11.059a.305.305 0 1 0-.6-.11m-1.12-1.518c-.28.29-.569.69-.869.999s-.31.2-.499.16l-3.227-.8l-.19-1.228a19.3 19.3 0 0 1 4.786.899zm-7.64-8.881a24 24 0 0 1 2.867 1.998c.52.496.99 1.045 1.398 1.638c1.2 1.739 1 2.319 1.48 2.169a.31.31 0 0 0 .19-.4c-.73-3.106-1.999-4.195-3.627-5.094c-.75-.4-1.578-.79-1.998-1a.378.378 0 0 0-.31.69m-3.447 17.981c-3.576.2-9.69-2.238-9.99-8.092C.818 6.37 5.414.346 11.778.935a.302.302 0 0 0 .07-.599C6.562-.384 2.636 2.574.617 7.57a8.99 8.99 0 0 0 3.587 10.889a12.5 12.5 0 0 0 6.993 1.808a.35.35 0 0 0-.01-.69"/><path fill="#0c6fff" d="M18.001 5.081c-.999 0-2.308-.16-3.766-.28a7.5 7.5 0 0 0-.87-1.927a.3.3 0 0 0-.569.18q.045.83.21 1.648c-4.995-.37-5.105-.06-4.995-.23a6.4 6.4 0 0 1 1.998-2.677c.14-.45-.53-.48-1.129 0a7.5 7.5 0 0 0-1.988 2.767q-1.145.018-2.277.19c-.9.15-.74.849-.07.819a16 16 0 0 1 1.998 0a19.8 19.8 0 0 0-.79 4.296c-1.178 0-2.367-.08-3.366-.11s-.91.55-.12.799q1.681.306 3.387.44c-.056 1.239.065 2.48.36 3.686c-.78-.07-1.59-.09-2.748-.21c-.949.21-.33.859.58.999c3.766.889 1.918-.36 3.186 1.858q.264.457.58.879c.5.59 1.138.82.999 0a7.3 7.3 0 0 1-1.23-2.258c1.443.072 2.889.042 4.327-.09a.34.34 0 0 0 0-.679c-1.529 0-3.097-.22-4.626-.38a14.2 14.2 0 0 1-.3-3.716c2.358.1 3.377 0 5.465-.06a.35.35 0 0 0 0-.689c-1.718-.1-3.397-.26-5.425-.39c.108-1.457.349-2.902.72-4.315l5.784.16c.15.35.32.699.47 1.059a.341.341 0 1 0 .659-.18c0-.29-.07-.58-.1-.87h3.576a.361.361 0 0 0 .07-.719"/></g></svg>Worldwide Web Phone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:worldwide-web-phone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:worldwide-web-phone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:worldwide-web-phone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--worldwide-web-phone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:worldwide-web-phone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:worldwide-web-phone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/worldwide-web-phone.svg" alt="Worldwide Web Phone アイコン" width="24" height="24">Freehand color icons の関連アイコン
他のアイコンセットの Worldwide Web Phone アイコン
Worldwide Web Phone アイコン のよくある質問
Worldwide Web Phone アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Worldwide Web Phone アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:worldwide-web-phone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Worldwide Web Phone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/worldwide-web-phone.svg" alt="Worldwide Web Phone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。