Иконка Backpack
fluent-emoji-high-contrast:backpack
Иконка Backpack (fluent-emoji-high-contrast:backpack) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M7.609 24.36c0 .24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43"/><path d="M20.944 6.201a4.921 4.921 0 0 0-9.7-.043A11.05 11.05 0 0 0 5 16.11v10.15A3.74 3.74 0 0 0 8.74 30h14.61c2.07 0 3.74-1.68 3.75-3.74V16.11c0-4.343-2.51-8.103-6.156-9.909m-8.222 1.407a8.1 8.1 0 0 0-2.687 1.704a8.3 8.3 0 0 0-1.293 1.578a7 7 0 0 0-.373.681l-.003.006v.001a.5.5 0 0 1-.922-.387l.001-.002l.002-.005l.006-.014l.022-.05l.084-.171c.074-.146.184-.35.337-.591a9.3 9.3 0 0 1 1.45-1.77A9.1 9.1 0 0 1 12.7 6.552c.966-.33 2.087-.536 3.377-.536c1.31 0 2.438.212 3.404.552a8.7 8.7 0 0 1 3.242 2.026a9 9 0 0 1 1.386 1.775a7 7 0 0 1 .393.766q.014.03.02.05l.006.014l.002.005v.001s-.092-.243.001.002a.5.5 0 0 1-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6 6 0 0 0-.272-.51a7.8 7.8 0 0 0-2.42-2.538a7.7 7.7 0 0 0-1.374-.714c-.928-.37-2.044-.61-3.377-.61c-1.312 0-2.422.232-3.356.592m.824 1.687a1.2 1.2 0 0 1 .704-.225h3.59a1.206 1.206 0 0 1 1.21 1.21v.661a1.2 1.2 0 0 1-.205.626a1.2 1.2 0 0 1-.995.523h-3.6a1.207 1.207 0 0 1-1.21-1.21v-.6c0-.407.2-.766.506-.985m5.616-3.79a11 11 0 0 0-3.112-.445c-1.046 0-2.059.146-3.018.418a3.42 3.42 0 0 1 6.13.027M8.039 23.59c.39 0 .72.29.77.67l.27 1.86c.06.46-.3.88-.77.88h-.53a.77.77 0 0 1-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m2.67-4.467c-1.194 1.32-1.821 3.007-2.061 4.438l-.986-.165c.262-1.565.95-3.446 2.305-4.944c1.368-1.512 3.392-2.608 6.252-2.608c3.166 0 5.248 1.588 6.518 3.505c1.255 1.895 1.732 4.126 1.732 5.526a.5.5 0 0 1-1 0c0-1.225-.43-3.26-1.565-4.974c-1.121-1.692-2.914-3.057-5.685-3.057c-2.573 0-4.329.973-5.51 2.279"/></g></svg>
Как использовать иконку Backpack
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:backpack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:backpack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:backpack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--backpack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:backpack"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:backpack"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/backpack.svg" alt="Иконка Backpack" width="24" height="24">
Иконка Backpack в других наборах
Вопросы и ответы: Иконка Backpack
Можно ли бесплатно использовать иконку Backpack в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Backpack в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:backpack" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Backpack на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/backpack.svg" alt="Иконка Backpack">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
