Desk Device Pc アイコン
andrsrxn:desk-device-pc
Desk Device Pc アイコン(andrsrxn:desk-device-pc)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- andrsrxn/icons
- 作者
- Andrés Raxón
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ビジネス、ホーム、デバイス
- タグ
- deskdevice、devicepc、deskdevicepc
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M18.62 14.08c.55 0 .83 0 1.04-.1a1 1 0 0 0 .44-.45c.11-.21.11-.49.11-1.04s0-.83-.1-1.04a1 1 0 0 0-.45-.45c-.21-.1-.49-.1-1.04-.1H5.38c-.55 0-.83 0-1.04.1a1 1 0 0 0-.44.45c-.11.21-.11.49-.11 1.04s0 .83.1 1.04q.16.3.45.44c.21.11.49.11 1.04.11zm.18 6.4c.38 0 .57 0 .73-.05a1 1 0 0 0 .63-.63c.05-.15.05-.34.05-.73s0-.57-.05-.72a1 1 0 0 0-.63-.63c-.16-.06-.35-.06-.73-.06h-3.2c-.39 0-.58 0-.73.06a1 1 0 0 0-.63.63c-.05.15-.05.34-.05.72c0 .39 0 .58.05.73q.16.47.63.63c.15.05.34.05.73.05z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.21 22.25V12.9c0-.95 0-1.42-.3-1.71c-.29-.3-.76-.3-1.7-.3H5.65c-.94 0-1.41 0-1.7.3s-.3.76-.3 1.7v9.36"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.85 14.3v2.34c0 1.89 0 2.83.59 3.42s1.53.58 3.41.58h2.36M3.79 14.3h16.42M2.3 10.9h19.4m-7.85 6.54h6.36"/><rect width="8.97" height="6.01" x="4.03" y="1.75" fill="currentColor" opacity=".2" rx="1.5"/><rect width="8.97" height="6.01" x="4.03" y="1.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.51 10.67v-2.9"/></g></svg>Desk Device Pc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:desk-device-pc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:desk-device-pc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:desk-device-pc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--desk-device-pc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:desk-device-pc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:desk-device-pc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/desk-device-pc.svg" alt="Desk Device Pc アイコン" width="24" height="24">andrsrxn/icons の関連アイコン
Desk Device Pc アイコン のよくある質問
Desk Device Pc アイコンは商用利用でも無料ですか?
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Desk Device Pc アイコンを使うには?
@iconify/react をインストールして <Icon icon="andrsrxn:desk-device-pc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Desk Device Pc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/desk-device-pc.svg" alt="Desk Device Pc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。