Laptop Bold Duotone アイコン
solar:laptop-bold-duotone
Laptop Bold Duotone アイコン(solar:laptop-bold-duotone)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デバイス
- タグ
- laptopbold、boldduotone、laptopboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.93833 3.58579C4.35254 4.17157 4.35254 5.11438 4.35254 7V14H19.6467V7C19.6467 5.11438 19.6467 4.17157 19.0609 3.58579C18.4751 3 17.5323 3 15.6467 3H8.35254C6.46692 3 5.52411 3 4.93833 3.58579Z" opacity=".5"/><path fill-rule="evenodd" d="M21.3911 16.3358C21.4356 16.3818 21.4579 16.4048 21.4787 16.4276C21.7998 16.7802 21.9843 17.2358 21.999 17.7124C22 17.7433 22 17.7753 22 17.8393C22 17.9885 22 18.0631 21.996 18.1261C21.9325 19.1314 21.1314 19.9325 20.1261 19.996C20.0631 20 19.9885 20 19.8393 20H4.16068C4.01148 20 3.93688 20 3.87388 19.996C2.86865 19.9325 2.06749 19.1314 2.00398 18.1261C2 18.0631 2 17.9885 2 17.8393C2 17.7753 2 17.7433 2.00096 17.7124C2.01569 17.2358 2.20022 16.7802 2.52127 16.4276C2.54205 16.4048 2.56429 16.3819 2.60869 16.336L3.90311 15H20.0969L21.3911 16.3358ZM8.75 18C8.75 17.5858 9.08579 17.25 9.5 17.25H14.5C14.9142 17.25 15.25 17.5858 15.25 18C15.25 18.4142 14.9142 18.75 14.5 18.75H9.5C9.08579 18.75 8.75 18.4142 8.75 18Z" clip-rule="evenodd"/><path d="M12.75 5.75C12.75 6.16421 12.4142 6.5 12 6.5C11.5858 6.5 11.25 6.16421 11.25 5.75C11.25 5.33579 11.5858 5 12 5C12.4142 5 12.75 5.33579 12.75 5.75Z"/></g></svg>Laptop Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:laptop-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:laptop-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:laptop-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--laptop-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:laptop-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:laptop-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/laptop-bold-duotone.svg" alt="Laptop Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
laptop-2-bold
laptop-2-bold-duotone
laptop-2-broken
laptop-2-line-duotone
laptop-2-linear
laptop-2-outline
laptop-3-bold
laptop-3-bold-duotone
laptop-3-broken
laptop-3-line-duotone
laptop-3-linear
laptop-3-outline
laptop-bold
laptop-broken
laptop-line-duotone
laptop-linear
laptop-minimalistic-bold
laptop-minimalistic-bold-duotone
laptop-minimalistic-broken
laptop-minimalistic-line-duotone
laptop-minimalistic-linear
laptop-minimalistic-outline
laptop-outline
Laptop Bold Duotone アイコン のよくある質問
Laptop Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Laptop Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:laptop-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Laptop Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/laptop-bold-duotone.svg" alt="Laptop Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。