Desk Lamp アイコン
openmoji:desk-lamp
Desk Lamp アイコン(openmoji:desk-lamp)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
- タグ
- desklamp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#e27022" d="M38.07 54.746v1.704c0 .915-.754 1.666-1.672 1.666H11.976v-.163a3.274 3.274 0 0 1 3.277-3.265H37.5c.193 0 .386.02.57.058"/><path fill="#d0cfce" d="M19.283 34.256v20.432h-2.936V33.765c.748.318 1.63.5 2.583.5c.118 0 .235 0 .353-.009m1.478-.491v.491a3 3 0 0 1-.734-.144c.048-.02.106-.039.154-.058a1.5 1.5 0 0 0 .223-.097c.125-.048.241-.115.357-.192"/><path fill="#9b9b9a" d="M20.761 34.256v20.432h-1.478V34.256c.029 0 .048 0 .077-.01c.087-.01.174-.019.251-.029a3 3 0 0 0 .406-.105h.01c.232.077.473.125.734.144"/><path fill="#fcea2b" d="M55.63 28.074a4.13 4.13 0 0 1-4.136 4.15c-.367 0-.754-.048-1.131-.154a4.1 4.1 0 0 1-2.088-1.367l6.379-5.296a4.14 4.14 0 0 1 .976 2.667"/><path fill="#d0cfce" d="M22.23 31.107a3.14 3.14 0 0 1-.928 2.234a2.8 2.8 0 0 1-.54.424a2 2 0 0 1-.358.192a1.5 1.5 0 0 1-.223.097c-.048.02-.106.038-.154.058h-.01c-.135.048-.27.077-.406.105l-.251.03c-.03.009-.048.009-.077.009c-.078.01-.155.01-.232.01a3.1 3.1 0 0 1-1.701-.501a2.8 2.8 0 0 1-.541-.424a3.1 3.1 0 0 1-.745-1.194c.329.125.687.193 1.054.193a3.15 3.15 0 0 0 1.71-.501c.194-.115.377-.26.542-.424a3.15 3.15 0 0 0 .889-2.715a4 4 0 0 0-.136-.568c.445.164.85.414 1.18.741q.174.174.318.376q.015.013.03.038c.01.01.019.02.019.039c.174.24.309.51.406.799v.02c.01 0 .01.019.01.019c.048.154.077.308.106.462s.038.318.038.481"/><path fill="#9b9b9a" d="M20.297 29.182c0 .876-.357 1.665-.927 2.234a2.8 2.8 0 0 1-.542.423a3.15 3.15 0 0 1-1.71.5c-.367 0-.725-.067-1.053-.192a2.9 2.9 0 0 1-.184-1.04a3.166 3.166 0 0 1 3.17-3.158c.367 0 .715.058 1.034.173c.01 0 .02.01.029.01h.01c.058.183.106.376.135.568c.029.154.038.318.038.482"/><path fill="#d0cfce" d="M40.593 12.813c0 .5-.117.972-.33 1.396a3.2 3.2 0 0 1-.598.837a2.8 2.8 0 0 1-.542.424a3.15 3.15 0 0 1-1.71.5q-.537 0-1.015-.173v-.019a1 1 0 0 1-.058-.231a3.3 3.3 0 0 1-.048-.54q0-.201.029-.404a3.164 3.164 0 0 1 4.165-2.6a3.3 3.3 0 0 1 .106.81ZM20.114 28.132c-.01 0-.02-.01-.03-.01l.02-.019c.01.01.01.02.01.029"/><path fill="#9b9b9a" d="m38.476 18.022l-5.47 4.237l-10.582 8.184l-.232.183c-.03-.154-.058-.308-.107-.462c0 0 0-.02-.01-.02v-.019a3 3 0 0 0-.405-.8c0-.018-.01-.028-.02-.038l11.752-9.099l3.818-2.956a1 1 0 0 0 .222.212c.029.029.058.048.087.077c.038.029.087.058.125.087c.03.01.049.029.068.048c.02.02.039.029.068.038c.106.068.213.135.329.183c.116.058.231.106.357.145"/><path fill="#e27022" d="m59.902 21.045l-5.248 4.362l-6.378 5.296l-5.896 4.891a22 22 0 0 1-2.251-3.264l2.88-2.388l6.117-5.074l3.547-2.956c.831-.684.908-1.945.145-2.696c-2.474-2.465-5.383-4.102-8.205-4.767c4.774-1.126 10.91 1.339 15.289 6.596"/><path fill="#d0cfce" d="m37.22 17.232l-3.818 2.956l-11.752 9.1a.1.1 0 0 0-.029-.039a3 3 0 0 0-.318-.375a3.3 3.3 0 0 0-1.18-.742h-.01l-.001-1.277c-.002-.404 16.123-12.316 16.123-12.316l.105 1.008q.016.116.058.231v.02c.03.105.058.202.097.308c0 .01.01.028.01.038l.057.116c.03.086.068.163.116.24v.01c.01.029.03.048.049.077c.058.116.135.221.212.327c.078.116.165.222.28.318"/><path fill="#9b9b9a" d="M42.641 14.998c0 .058 0 .106-.01.164a8 8 0 0 0-1.584 1.03a8.2 8.2 0 0 0-1.73 1.974c-.087 0-.165-.01-.251-.02l-.348-.057c-.078-.02-.155-.048-.232-.067h-.01a2.3 2.3 0 0 1-.358-.145a2 2 0 0 1-.328-.183a.2.2 0 0 1-.068-.038a.2.2 0 0 0-.068-.048c-.038-.03-.087-.058-.125-.087c-.03-.029-.058-.048-.087-.077c-.078-.068-.155-.135-.223-.212a1.4 1.4 0 0 1-.28-.318c-.077-.106-.155-.212-.212-.327c-.02-.029-.039-.048-.049-.077v-.01a1 1 0 0 1-.116-.24l-.058-.116c0-.01-.01-.029-.01-.038a4 4 0 0 1-.096-.309a3 3 0 0 0 1.015.174a3.15 3.15 0 0 0 1.71-.5c.193-.116.377-.26.541-.425c.242-.24.445-.53.6-.837a3.1 3.1 0 0 0 .29-1.878a3 3 0 0 0-.068-.327a3.16 3.16 0 0 1 2.155 2.994"/><path fill="#e27022" d="m52.673 21.912l-3.547 2.956l-6.117 5.074l-2.88 2.388c-2.204-3.928-2.88-8.146-1.953-11.545a9.6 9.6 0 0 1 .938-2.272c.058-.116.135-.231.203-.347a8.2 8.2 0 0 1 1.73-1.974a8 8 0 0 1 1.585-1.03a8.8 8.8 0 0 1 1.971-.713h.01c2.822.665 5.73 2.302 8.205 4.767c.764.75.686 2.012-.145 2.696"/><path fill="#e27022" d="M42.632 15.162c.01-.058.01-.106.01-.164c0-.298-.049-.597-.126-.876c.686.039 1.382.154 2.087.327a8.8 8.8 0 0 0-1.971.713m-1.856 42.791v.905c0 .654-.531 1.184-1.189 1.184H13.165c-.657 0-1.189-.53-1.189-1.184v-.742h24.422c.918 0 1.672-.75 1.672-1.665v-1.705a3.254 3.254 0 0 1 2.706 3.207"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M40.776 57.956v.904c0 .653-.531 1.182-1.186 1.182H13.163c-.655 0-1.187-.53-1.187-1.182v-.904a3.273 3.273 0 0 1 3.28-3.268h22.24a3.273 3.273 0 0 1 3.28 3.268"/><path d="M17.35 35.9v-2.135a3.15 3.15 0 0 0 3.412 0v20.923H17.35v-14.07m38.28-12.544a4.13 4.13 0 0 1-4.136 4.15c-.367 0-.754-.048-1.131-.154a4.1 4.1 0 0 1-2.088-1.367l6.379-5.296a4.14 4.14 0 0 1 .976 2.667"/><path d="M22.23 31.107a3.14 3.14 0 0 1-.928 2.234a2.8 2.8 0 0 1-.54.424a3.15 3.15 0 0 1-3.412 0a2.8 2.8 0 0 1-.541-.424a3.15 3.15 0 0 1-.928-2.234a3.166 3.166 0 0 1 3.17-3.158c.367 0 .715.058 1.034.173c.464.154.88.414 1.217.751a3.15 3.15 0 0 1 .89 1.753c.029.154.038.318.038.481m20.411-16.109c0 .058 0 .106-.01.164a8 8 0 0 0-1.584 1.03a8.2 8.2 0 0 0-1.73 1.974c-.087 0-.165-.01-.251-.02a3.6 3.6 0 0 1-.58-.124h-.01a3.17 3.17 0 0 1-2.136-2.475a3.3 3.3 0 0 1-.048-.54q0-.201.029-.404a3.164 3.164 0 0 1 3.537-2.744A3.17 3.17 0 0 1 42.64 15Z"/><path d="m34.046 17.322l2.294-1.775a3.17 3.17 0 0 0 2.136 2.475L22.192 30.626a3.15 3.15 0 0 0-.89-1.752a3.1 3.1 0 0 0-1.217-.752l10.506-8.127m29.311 1.05l-5.248 4.362l-6.378 5.296l-5.896 4.891c-4.784-5.739-5.905-12.95-3.063-17.428a8.2 8.2 0 0 1 1.73-1.974a8 8 0 0 1 1.585-1.03c4.938-2.494 12.264-.135 17.27 5.883M33.238 52.339v1.926"/></g></svg>Desk Lamp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:desk-lamp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:desk-lamp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:desk-lamp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--desk-lamp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:desk-lamp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:desk-lamp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/desk-lamp.svg" alt="Desk Lamp アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Desk Lamp アイコン
Desk Lamp アイコン のよくある質問
Desk Lamp アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Desk Lamp アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:desk-lamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Desk Lamp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/desk-lamp.svg" alt="Desk Lamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。