Briefcase icon in outline, twotone, bold and bulk. Free in all four styles, for courses, library, certificates, office work. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBriefcase } from "@devigner-ui/icons";
<IconBriefcase className="size-6" />
<script setup>
import { IconBriefcase } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBriefcase class="size-6" />
</template>
<script>
import { IconBriefcase } from "@devigner-ui/icons-svelte";
</script>
<IconBriefcase class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.67 22h8c4.02 0 4.74-1.61 4.95-3.57l.75-8c.27-2.44-.43-4.43-4.7-4.43h-10C3.4 6 2.7 7.99 2.97 10.43l.75 8c.21 1.96.93 3.57 4.95 3.57" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M8.67 6v-.8c0-1.77 0-3.2 3.2-3.2h1.6c3.2 0 3.2 1.43 3.2 3.2V6" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="M14.67 13v1.02c0 1.09-.01 1.98-2 1.98-1.98 0-2-.88-2-1.97V13c0-1 0-1 1-1h2c1 0 1 0 1 1" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.32 11a16.5 16.5 0 0 1-7.65 3.02" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.29 11.27a16 16 0 0 0 7.38 2.76" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>