ICONYZ
Русский
Иконка School Backpack из набора Streamline Emojis

Иконка School Backpack

streamline-emojis:school-backpack

Иконка School Backpack (streamline-emojis:school-backpack) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Streamline Emojis
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Смайлы и люди
Теги
schoolbackpack
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M3.5 43.28a19.04 1.79 0 1 0 38.08 0a19.04 1.79 0 1 0-38.08 0" opacity=".15"/><path fill="#e0366f" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.4 2.1V16l1.79 2h3V5.8a3.79 3.79 0 0 0-4.79-3.7"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.38 2.39c-3.47 1.29-5.28 6.83-5.28 6.83l3 3.29l.3-2.09S25.36 3 29.23 5.8c0-2.59-2.38-4.7-5.85-3.41"/><path fill="#ff6196" d="M31 7.66c4.35-.22 9.5 1.82 9.5 15.44c0 10.62-.71 13.31-6.22 15.61l1.17 3.13c7.61-1.56 9.52-5.73 9.52-18C45 9.08 41.63 6.75 35.48 6.75a12.1 12.1 0 0 0-4.48.91"/><path fill="#e0366f" d="M39.23 13.51C42.63 14.62 44.6 18 45 27.12v-3.23c0-14.81-3.37-17.14-9.52-17.14a12.1 12.1 0 0 0-4.48.91c3-.15 6.42.78 8.23 5.85"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31 7.66c4.35-.22 9.5 1.82 9.5 15.44c0 10.62-.71 13.31-6.22 15.61l1.17 3.13c7.61-1.56 9.52-5.73 9.52-18C45 9.08 41.63 6.75 35.48 6.75a12.1 12.1 0 0 0-4.48.91"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.81 12.59c-1.47-4.84-4.31-5.84-8.33-5.84c-6.15 0-11.08 5.48-11.08 5.48l.6 1.71l4 .16c5.64-4.67 12.79-6.49 14.81-1.51"/><path fill="#ff6196" d="M22.27 44.62a3.9 3.9 0 0 0 1.11.29V26.47L3.89 18.39v17.82a1.19 1.19 0 0 0 .73 1.1Z"/><path fill="#e0366f" d="M22.27 42.56c.35.15 1.11 0 1.11-.49V24.41L3.89 16.33v17.82a1.2 1.2 0 0 0 .73 1.1Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.27 44.62a3.9 3.9 0 0 0 1.11.29V26.47L3.89 18.39v17.82a1.19 1.19 0 0 0 .73 1.1Z"/><path fill="#ff6196" d="M34 15.39c-3-1.27-12.82-5.26-18.58-7s-11.53 1.72-11.53 10V30.6a3.57 3.57 0 0 0 2.2 3.3l14 5.8a2.38 2.38 0 0 0 3.29-2.2v-11Z"/><path fill="#ff87af" d="M15.44 13.4c4.28 1.33 10.79 3.88 15.09 5.62L34 15.39c-3-1.27-12.82-5.26-18.58-7s-11.53 1.72-11.53 10v5.07c0-8.29 5.8-11.84 11.55-10.06"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34 15.39c-3-1.27-12.82-5.26-18.58-7s-11.53 1.72-11.53 10V30.6a3.57 3.57 0 0 0 2.2 3.3l14 5.8a2.38 2.38 0 0 0 3.29-2.2v-11Z"/><path fill="#e8f4fa" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.32 29.37c0 1.09-.64 2-1.42 2s-1.41-.88-1.41-2s.63-2 1.41-2s1.42.91 1.42 2M20.37 34c0 1.09-.64 2-1.42 2s-1.41-.88-1.41-2s.63-2 1.41-2s1.42.89 1.42 2"/><path fill="#ff6196" d="M30.32 15c-4.56.89-6.94 4.81-6.94 11.48v18.43a3.9 3.9 0 0 0 1.18 0L36.26 43a1.19 1.19 0 0 0 1-1.18V24.24c0-6.87-2.38-10.15-6.94-9.24"/><path fill="#e0366f" d="M30.32 15c-4.56.89-6.94 4.81-6.94 11.48v3.12c0-6.67 2.38-10.59 6.94-11.48s6.94 2.38 6.94 9.25v-3.13c0-6.87-2.38-10.15-6.94-9.24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.32 15c-4.56.89-6.94 4.81-6.94 11.48v18.43a3.9 3.9 0 0 0 1.18 0L36.26 43a1.19 1.19 0 0 0 1-1.18V24.24c0-6.87-2.38-10.15-6.94-9.24"/><path fill="#ff6196" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.38 27.19v4.63l7.9-1.35a1.19 1.19 0 0 0 1-1.17v-2a1.19 1.19 0 0 0-1.36-1.18Z"/><path fill="#e8f4fa" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m31.44 32.87l-.87-2.73a1.11 1.11 0 0 0-2.17.39l.14 2.86a1.11 1.11 0 0 0 1.3 1l.74-.13a1.11 1.11 0 0 0 .86-1.39"/></svg>

Как использовать иконку School Backpack

React

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

<Icon icon="streamline-emojis:school-backpack" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:school-backpack" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:school-backpack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--school-backpack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:school-backpack"></div>

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

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

<iconify-icon icon="streamline-emojis:school-backpack"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/school-backpack.svg" alt="Иконка School Backpack" width="24" height="24">

Вопросы и ответы: Иконка School Backpack

Можно ли бесплатно использовать иконку School Backpack в коммерческих проектах?

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Streamline Emojis →