Window アイコン
emojione-v1:window
Window アイコン(emojione-v1:window)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#a7a9ac"><path d="M.139.875h63.67v62.25H.139z"/><path d="M2.114.875h59.822v7.821H2.114z"/></g><path fill="#fff" d="M2.01 11.889h59.928v48.822H2.01z"/><path fill="#939598" d="M58.838 11.889h4.97v48.822h-4.97z"/><path fill="#a7a9ac" d="M62.57 25.446c.424 0 .762.636.762 1.413v5.922c0 .781-.338 1.417-.762 1.417h-2.506c-.419 0-.759-.636-.759-1.417v-5.922c0-.777.34-1.413.759-1.413z"/><circle cx="23.929" cy="5.845" r="2.848" fill="#29b473"/><path fill="#efac3f" d="M17.21 5.845a2.849 2.849 0 1 1-5.698 0a2.844 2.844 0 0 1 2.849-2.849a2.847 2.847 0 0 1 2.849 2.849"/><circle cx="5.264" cy="5.845" r="2.849" fill="#d1374a"/><path fill="#25333a" d="M11.208 25.904v-.948s-.033-.014-.07-.014H6.517c-.039 0-.074.008-.074.008v.954q0 .008.02.01h.004q.016.005.051.004h4.621c.036 0 .069-.004.069-.014m18.902 0v-.948s-.033-.014-.074-.014h-4.619c-.041 0-.074.008-.074.008v.954q0 .008.02.01h.004q.017.005.051.004h4.619c.04 0 .073-.004.073-.014M8.827 27.687v-.949s-.018-.016-.037-.016H6.478c-.02 0-.035.008-.035.008v.956q0 .005.012.009q.006.006.023.005h2.313c.019 0 .036-.006.036-.013m10.648-1.783v-.948s-.016-.014-.035-.014h-2.311c-.02 0-.035.008-.035.008v.954q-.002.008.008.01l.027.004h2.31c.02 0 .036-.004.036-.014"/><path fill="#5a7784" d="M10.564 17.917c.587 0 1.058.443 1.058.984v4.11c0 .542-.47.985-1.058.985H7.083c-.582 0-1.054-.443-1.054-.985v-4.11c0-.541.472-.984 1.054-.984z"/><path fill="#405967" d="M20.02 17.917c.588 0 1.06.443 1.06.984v4.11c0 .542-.472.985-1.06.985h-3.479c-.583 0-1.056-.443-1.056-.985v-4.11c0-.541.473-.984 1.056-.984z"/><path fill="#f15a29" d="M29.462 17.917c.585 0 1.056.443 1.056.984v4.11c0 .542-.47.985-1.056.985H25.98c-.582 0-1.058-.443-1.058-.985v-4.11c0-.541.476-.984 1.058-.984z"/></svg>
Window アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:window" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:window" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:window" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--window]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:window"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:window"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/window.svg" alt="Window アイコン" width="24" height="24">
Window アイコン のよくある質問
Window アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Window アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:window" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Window アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/window.svg" alt="Window アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
