no backpack icon

no-backpack-rounded from Material Symbols Light by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.

Name: no-backpack-rounded
Set: Material Symbols Light
Style: Rounded
Category: Activities
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

no-backpack no-backpack-outline no-backpack-outline-rounded no-backpack-outline-sharp no-backpack-sharp

The same icon in other sets

no-backpackMaterial Symbols

More activities icons from Material Symbols Light

Use the no backpack icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.192 15.058q-.142 0-.288-.053t-.277-.184L8.479 5.687q-.217-.218-.348-.522T8 4.537v-.73q0-.347.23-.577T8.808 3h.384q.348 0 .578.23t.23.578V5h4V3.808q0-.348.23-.578t.578-.23h.384q.348 0 .578.23t.23.578v1.246q1.28.177 2.14 1.112q.86.934.86 2.238v5.846q0 .373-.252.59q-.252.218-.556.218M6.616 21q-.672 0-1.153-.453q-.482-.453-.463-1.105V8.404q0-.69.265-1.31q.264-.619.756-1.073L6.4 6.4v1.421l-3.3-3.3q-.14-.14-.15-.341t.15-.366q.166-.166.357-.166t.357.166l16.373 16.378q.14.14.153.342q.012.2-.153.366q-.16.16-.354.16t-.354-.16l-2.577-2.577h1.415L19 19v.423q0 .652-.472 1.115T17.384 21zm5.617-7.346l-1-1H8.385q-.214 0-.357.143q-.144.144-.144.357t.144.357t.357.143z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightNoBackpackRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.192 15.058q-.142 0-.288-.053t-.277-.184L8.479 5.687q-.217-.218-.348-.522T8 4.537v-.73q0-.347.23-.577T8.808 3h.384q.348 0 .578.23t.23.578V5h4V3.808q0-.348.23-.578t.578-.23h.384q.348 0 .578.23t.23.578v1.246q1.28.177 2.14 1.112q.86.934.86 2.238v5.846q0 .373-.252.59q-.252.218-.556.218M6.616 21q-.672 0-1.153-.453q-.482-.453-.463-1.105V8.404q0-.69.265-1.31q.264-.619.756-1.073L6.4 6.4v1.421l-3.3-3.3q-.14-.14-.15-.341t.15-.366q.166-.166.357-.166t.357.166l16.373 16.378q.14.14.153.342q.012.2-.153.366q-.16.16-.354.16t-.354-.16l-2.577-2.577h1.415L19 19v.423q0 .652-.472 1.115T17.384 21zm5.617-7.346l-1-1H8.385q-.214 0-.357.143q-.144.144-.144.357t.144.357t.357.143z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.192 15.058q-.142 0-.288-.053t-.277-.184L8.479 5.687q-.217-.218-.348-.522T8 4.537v-.73q0-.347.23-.577T8.808 3h.384q.348 0 .578.23t.23.578V5h4V3.808q0-.348.23-.578t.578-.23h.384q.348 0 .578.23t.23.578v1.246q1.28.177 2.14 1.112q.86.934.86 2.238v5.846q0 .373-.252.59q-.252.218-.556.218M6.616 21q-.672 0-1.153-.453q-.482-.453-.463-1.105V8.404q0-.69.265-1.31q.264-.619.756-1.073L6.4 6.4v1.421l-3.3-3.3q-.14-.14-.15-.341t.15-.366q.166-.166.357-.166t.357.166l16.373 16.378q.14.14.153.342q.012.2-.153.366q-.16.16-.354.16t-.354-.16l-2.577-2.577h1.415L19 19v.423q0 .652-.472 1.115T17.384 21zm5.617-7.346l-1-1H8.385q-.214 0-.357.143q-.144.144-.144.357t.144.357t.357.143z"/></svg>
</template>

CSS

.icon-no-backpack-rounded {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.192%2015.058q-.142%200-.288-.053t-.277-.184L8.479%205.687q-.217-.218-.348-.522T8%204.537v-.73q0-.347.23-.577T8.808%203h.384q.348%200%20.578.23t.23.578V5h4V3.808q0-.348.23-.578t.578-.23h.384q.348%200%20.578.23t.23.578v1.246q1.28.177%202.14%201.112q.86.934.86%202.238v5.846q0%20.373-.252.59q-.252.218-.556.218M6.616%2021q-.672%200-1.153-.453q-.482-.453-.463-1.105V8.404q0-.69.265-1.31q.264-.619.756-1.073L6.4%206.4v1.421l-3.3-3.3q-.14-.14-.15-.341t.15-.366q.166-.166.357-.166t.357.166l16.373%2016.378q.14.14.153.342q.012.2-.153.366q-.16.16-.354.16t-.354-.16l-2.577-2.577h1.415L19%2019v.423q0%20.652-.472%201.115T17.384%2021zm5.617-7.346l-1-1H8.385q-.214%200-.357.143q-.144.144-.144.357t.144.357t.357.143z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.192%2015.058q-.142%200-.288-.053t-.277-.184L8.479%205.687q-.217-.218-.348-.522T8%204.537v-.73q0-.347.23-.577T8.808%203h.384q.348%200%20.578.23t.23.578V5h4V3.808q0-.348.23-.578t.578-.23h.384q.348%200%20.578.23t.23.578v1.246q1.28.177%202.14%201.112q.86.934.86%202.238v5.846q0%20.373-.252.59q-.252.218-.556.218M6.616%2021q-.672%200-1.153-.453q-.482-.453-.463-1.105V8.404q0-.69.265-1.31q.264-.619.756-1.073L6.4%206.4v1.421l-3.3-3.3q-.14-.14-.15-.341t.15-.366q.166-.166.357-.166t.357.166l16.373%2016.378q.14.14.153.342q.012.2-.153.366q-.16.16-.354.16t-.354-.16l-2.577-2.577h1.415L19%2019v.423q0%20.652-.472%201.115T17.384%2021zm5.617-7.346l-1-1H8.385q-.214%200-.357.143q-.144.144-.144.357t.144.357t.357.143z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/no-backpack-rounded.svg?color=%231a73e8&size=48