ICONYZ
日本語
Huge Icons の Computer Phone Sync アイコン

Computer Phone Sync アイコン

hugeicons:computer-phone-sync

Computer Phone Sync アイコン(hugeicons:computer-phone-sync)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Huge Icons
作者
Hugeicons
ライセンス
MIT
サイズ
24 × 24
タグ
computerphone、phonesync、computerphonesync
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 17H8c-2.828 0-4.243 0-5.121-.879C2 15.243 2 13.828 2 11V9c0-2.828 0-4.243.879-5.121C3.757 3 5.172 3 8 3h8c2.828 0 4.243 0 5.121.879c.826.825.876 2.123.879 4.621"/><path d="M16 14v4c0 1.414 0 2.121.44 2.56c.439.44 1.146.44 2.56.44s2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56v-4c0-1.414 0-2.121-.44-2.56C21.122 11 20.415 11 19 11s-2.121 0-2.56.44C16 11.878 16 12.585 16 14m-6 7H8m2 0a1.5 1.5 0 0 0 1.5-1.5V17h.5m-2 4h2.5v-4H12m0 0v4"/></g></svg>

Computer Phone Sync アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="hugeicons:computer-phone-sync" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="hugeicons:computer-phone-sync" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="hugeicons:computer-phone-sync" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--computer-phone-sync]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:computer-phone-sync"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:computer-phone-sync"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/computer-phone-sync.svg" alt="Computer Phone Sync アイコン" width="24" height="24">

Huge Icons の関連アイコン

computer アイコン
computer
 computer-activity アイコン
computer-activity
 computer-add アイコン
computer-add
 computer-arrow-down アイコン
computer-arrow-down
 computer-arrow-up アイコン
computer-arrow-up
 computer-chart-down アイコン
computer-chart-down
 computer-chart-up アイコン
computer-chart-up
 computer-check アイコン
computer-check
 computer-cloud アイコン
computer-cloud
 computer-desk-01 アイコン
computer-desk-01
 computer-desk-02 アイコン
computer-desk-02
 computer-desk-03 アイコン
computer-desk-03
 computer-dollar アイコン
computer-dollar
 computer-ethernet アイコン
computer-ethernet
 computer-programming-01 アイコン
computer-programming-01
 computer-programming-02 アイコン
computer-programming-02
 computer-protection アイコン
computer-protection
 computer-remove アイコン
computer-remove
 computer-screen-share アイコン
computer-screen-share
 computer-settings アイコン
computer-settings
 computer-terminal-01 アイコン
computer-terminal-01
 computer-terminal-02 アイコン
computer-terminal-02
 computer-user アイコン
computer-user
 computer-video アイコン
computer-video

Computer Phone Sync アイコン のよくある質問

Computer Phone Sync アイコンは商用利用でも無料ですか?

はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Computer Phone Sync アイコンを使うには?

@iconify/react をインストールして <Icon icon="hugeicons:computer-phone-sync" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Computer Phone Sync アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/computer-phone-sync.svg" alt="Computer Phone Sync アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Huge Icons をすべて見る →