Иконка Package
noto-v1:package
Иконка Package (noto-v1:package) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="m69.46 3.62l-65.28 32V92.9l54.36 31.48L123.82 88V30.71z"/><path fill="#855c52" d="M58.54 127.47c-.54 0-1.07-.14-1.56-.42L2.63 95.58a3.09 3.09 0 0 1-1.54-2.68V35.62c0-1.18.67-2.26 1.73-2.78L68.1.84c.87-.43 1.88-.42 2.75.01l54.36 27.09a3.11 3.11 0 0 1 1.71 2.77V88c0 1.12-.61 2.16-1.59 2.71l-65.28 36.38c-.47.26-.99.38-1.51.38M7.28 91.12l51.29 29.7l62.15-34.64V32.63L69.45 7.07L7.28 37.55z"/><path fill="#855c52" d="m35.92 64.69l-9.26-4.8c-1.8-.94-3.55-.21-3.85 1.71c-.36 1.99.92 4.28 2.82 5.34l9.85 5.16c.55.26 1.11.39 1.62.38c1.2-.05 2.02-.92 2.08-2.34c.11-2.01-1.31-4.36-3.26-5.45"/><path fill="#b89278" d="m36.52 62.01l-10.33-5.2v-8.82l10.33 5.3zm0 46.17l-10.33-5.99v-8.9l10.33 6.17zm61.86-86.67L87.74 16.2L26.73 46.5l10.65 5.46z"/><g fill="#855c52"><path d="M58.54 126.75c-.42 0-.83-.11-1.19-.32L2.99 94.95a2.4 2.4 0 0 1-1.19-2.06V35.62c0-.83.43-1.59 1.13-2.02c.71-.44 1.59-.47 2.33-.09l54.36 27.87c.79.41 1.29 1.22 1.29 2.11v60.9c0 .85-.45 1.63-1.18 2.06c-.38.2-.78.3-1.19.3M6.56 91.53l49.61 28.73V64.93L6.56 39.5z"/><path d="M58.54 65.86c-.37 0-.75-.09-1.08-.26L3.1 37.73a2.36 2.36 0 0 1-1.29-2.13c.01-.9.52-1.71 1.33-2.11l65.28-32c.66-.33 1.44-.32 2.1 0l54.36 27.09c.81.4 1.32 1.22 1.32 2.12s-.51 1.72-1.31 2.12L59.61 65.6c-.34.17-.71.26-1.07.26M9.48 35.66l49.07 25.16l59.96-30.1L69.45 6.27z"/><path d="M58.54 126.75a2.375 2.375 0 0 1-2.38-2.38v-60.9c0-.9.5-1.72 1.31-2.12l65.28-32.77c.73-.37 1.61-.33 2.31.1c.71.43 1.13 1.2 1.13 2.02V88c0 .86-.47 1.66-1.22 2.08l-65.28 36.38c-.36.19-.75.29-1.15.29m2.37-61.8v55.39l60.53-33.74V34.56z"/></g></svg>Как использовать иконку Package
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:package" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:package" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:package" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--package]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:package"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:package"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/package.svg" alt="Иконка Package" width="24" height="24">Иконка Package в других наборах
Вопросы и ответы: Иконка Package
Можно ли бесплатно использовать иконку Package в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Package в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:package" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Package на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/package.svg" alt="Иконка Package">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.