Documentwithpicture アイコン

Q: Documentwithpicture アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:documentwithpicture

Documentwithpicture アイコン(fxemoji:documentwithpicture)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M433.694 507.594H78.306c-11.929 0-21.6-9.671-21.6-21.6V25.317c0-11.929 9.671-21.6 21.6-21.6h263.026l113.961 112.739v369.538c.001 11.929-9.67 21.6-21.599 21.6"/><path fill="#76DFFF" d="M392.707 88.142c-9.747-7.003-16.817-16.869-19.984-28.055H113.929c-8.482 0-15.359 6.876-15.359 15.359v373.021c0 8.482 6.876 15.359 15.359 15.359h281.916c8.482 0 15.359-6.876 15.359-15.359V97c-6.627-1.858-12.942-4.867-18.497-8.858"/><path fill="#BCBBBB" d="m363.12 341.196l-79.556-106.209c-2.914-3.888-8.745-3.925-11.66-.037L219.9 304.31l-18.32-20.191c-2.891-3.185-7.898-3.19-10.789-.005l-51.207 56.557c-4.25 4.681-.928 12.329 5.395 12.329H357.29c6.003 0 9.431-7.001 5.83-11.804"/><path fill="#009E83" d="M402.791 463.825H106.983a8.41 8.41 0 0 1-8.412-8.412V342.7h312.633v112.712a8.413 8.413 0 0 1-8.413 8.413"/><circle cx="333.688" cy="177.181" r="21.411" fill="#FFB636"/><path fill="#FFF" d="M363.907 296.044c2.482-1.749 5.764-2.438 9.189-1.411c4.32 1.296 7.185 5.404 7.185 9.914a.076.076 0 0 1-.076.076H279.981c-2.236 0-3.89-2.125-3.299-4.282c1.877-6.851 8.147-11.885 15.594-11.885c0-7.937 6.434-14.37 14.37-14.37s14.37 6.434 14.37 14.37c0-12.705 10.694-22.911 23.571-22.11c10.63.661 19.446 9.031 20.601 19.619c.398 3.653-.092 7.151-1.282 10.307zM170.109 168.602c-2.482-1.749-5.764-2.438-9.189-1.411c-4.32 1.296-7.185 5.404-7.185 9.914c0 .042.034.076.076.076h100.223c2.236 0 3.89-2.125 3.299-4.282c-1.877-6.851-8.147-11.885-15.594-11.885c0-7.937-6.434-14.37-14.37-14.37c-7.937 0-14.37 6.434-14.37 14.37c0-12.705-10.694-22.911-23.571-22.11c-10.63.661-19.446 9.031-20.601 19.619c-.398 3.653.092 7.151 1.282 10.307z"/><path fill="#B9C5C6" d="m341.333 3.717l112.739 112.739h-88.776c-13.235 0-23.963-10.729-23.963-23.963z"/></svg>

Documentwithpicture アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:documentwithpicture" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:documentwithpicture" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:documentwithpicture" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--documentwithpicture]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:documentwithpicture"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:documentwithpicture"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/documentwithpicture.svg" alt="Documentwithpicture アイコン" width="24" height="24">

Documentwithpicture アイコンのよくある質問

Documentwithpicture アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Documentwithpicture アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:documentwithpicture" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Documentwithpicture アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/documentwithpicture.svg" alt="Documentwithpicture アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →