Modem 16 アイコン
qlementine-icons:modem-16
Modem 16 アイコン(qlementine-icons:modem-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ハードウェア
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 8a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m2 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m1.5.5a.5.5 0 1 1 1 0a.5.5 0 0 1-1 0m2.5-.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1"/><path fill="currentColor" fill-rule="evenodd" d="M3.96.314a.501.501 0 0 0-.929.371l1.73 4.31H4c-.93 0-1.39 0-1.78.102A3 3 0 0 0 .1 7.217c-.102.381-.102.846-.102 1.78s0 1.39.102 1.78a3 3 0 0 0 2.12 2.12c.382.102.846.102 1.78.102h8c.93 0 1.4 0 1.78-.102a3 3 0 0 0 2.12-2.12c.102-.382.102-.847.102-1.78s0-1.39-.102-1.78a3 3 0 0 0-2.12-2.12c-.382-.102-.846-.102-1.78-.102h-.762l1.73-4.31a.5.5 0 1 0-.928-.371l-1.87 4.69H5.85L3.98.314zm6.55 5.69H3.992c-.994 0-1.3.009-1.52.068c-.69.185-1.23.724-1.41 1.41c-.06.222-.068.523-.068 1.52s.009 1.3.068 1.52c.185.69.724 1.23 1.41 1.41c.222.06.523.068 1.52.068h8c.994 0 1.3-.008 1.52-.068a1.99 1.99 0 0 0 1.41-1.41c.06-.222.068-.523.068-1.52s-.008-1.3-.068-1.52a1.99 1.99 0 0 0-1.41-1.41c-.222-.06-.523-.068-1.52-.068h-1.49z" clip-rule="evenodd"/></svg>Modem 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:modem-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:modem-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:modem-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--modem-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:modem-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:modem-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/modem-16.svg" alt="Modem 16 アイコン" width="24" height="24">Modem 16 アイコン のよくある質問
Modem 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Modem 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:modem-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Modem 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/modem-16.svg" alt="Modem 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。