ICONYZ
Русский
Иконка Documentwithpicture из набора Firefox OS Emoji

Иконка Documentwithpicture

fxemoji:documentwithpicture

Иконка Documentwithpicture (fxemoji:documentwithpicture) — бесплатная SVG-иконка из набора Firefox OS Emoji от 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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Documentwithpicture в React?

Установите @iconify/react и выведите <Icon icon="fxemoji:documentwithpicture" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Documentwithpicture на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/documentwithpicture.svg" alt="Иконка Documentwithpicture">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Firefox OS Emoji →