Suitcase icon in outline, twotone, bold and bulk. Free in all four styles, for props, objects and everything with no other sheet. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconSuitcase } from "@devigner-ui/icons";
<IconSuitcase className="size-6" />
<script setup>
import { IconSuitcase } from "@devigner-ui/icons-vue";
</script>
<template>
<IconSuitcase class="size-6" />
</template>
<script>
import { IconSuitcase } from "@devigner-ui/icons-svelte";
</script>
<IconSuitcase class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14c0-3.77 0-5.66 1.17-6.83S6.23 6 10 6h4c3.77 0 5.66 0 6.83 1.17S22 10.23 22 14s0 5.66-1.17 6.83S17.77 22 14 22h-4c-3.77 0-5.66 0-6.83-1.17S2 17.77 2 14" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M16 6c0-1.89 0-2.83-.59-3.41C14.83 2 13.9 2 12 2s-2.83 0-3.41.59C8 3.17 8 4.1 8 6" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M17 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="currentColor"></path><path opacity="1" d="M9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="currentColor"></path></svg>