Laptop3 アイコン
reicon:laptop3
Laptop3 アイコン(reicon:laptop3)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.445 1.25h5.11c1.367 0 2.47 0 3.337.117c.9.12 1.658.38 2.26.981c.602.602.86 1.36.982 2.26c.116.867.116 1.97.116 3.337v3.107c0 .899 0 1.648-.08 2.242c-.084.628-.27 1.195-.726 1.65c-.455.456-1.022.642-1.65.726c-.594.08-1.343.08-2.242.08H7.448c-.898 0-1.648 0-2.242-.08c-.628-.084-1.195-.27-1.65-.726c-.456-.455-.642-1.022-.726-1.65c-.08-.594-.08-1.344-.08-2.242V7.945c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117M6.308 2.853c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4C4.252 5.562 4.25 6.564 4.25 8v3c0 .964.002 1.612.067 2.095c.062.461.169.659.3.789s.327.237.788.3c.483.064 1.131.066 2.095.066h9c.964 0 1.612-.002 2.095-.066c.461-.063.659-.17.789-.3s.237-.328.3-.79c.064-.482.066-1.13.066-2.094V8c0-1.435-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556c-.755-.101-1.756-.103-3.191-.103h-5c-1.435 0-2.437.002-3.192.103M3 17.75a.25.25 0 0 0-.25.25v1A2.25 2.25 0 0 0 5 21.25h14A2.25 2.25 0 0 0 21.25 19v-1a.25.25 0 0 0-.25-.25h-4.333c-.27 0-.534.088-.75.25l-.934.7a2.75 2.75 0 0 1-1.65.55h-2.666a2.75 2.75 0 0 1-1.65-.55l-.934-.7a1.25 1.25 0 0 0-.75-.25zM1.25 18c0-.966.784-1.75 1.75-1.75h4.333a2.75 2.75 0 0 1 1.65.55l.934.7c.216.162.48.25.75.25h2.666c.27 0 .534-.088.75-.25l.934-.7a2.75 2.75 0 0 1 1.65-.55H21c.966 0 1.75.784 1.75 1.75v1A3.75 3.75 0 0 1 19 22.75H5A3.75 3.75 0 0 1 1.25 19z" clip-rule="evenodd"/></svg>Laptop3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:laptop3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:laptop3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:laptop3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--laptop3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:laptop3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:laptop3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/laptop3.svg" alt="Laptop3 アイコン" width="24" height="24">Reicon の関連アイコン
Laptop3 アイコン のよくある質問
Laptop3 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Laptop3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:laptop3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Laptop3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/laptop3.svg" alt="Laptop3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。