Case Round 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 { IconCaseRound } from "@devigner-ui/icons";
<IconCaseRound className="size-6" />
<script setup>
import { IconCaseRound } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCaseRound class="size-6" />
</template>
<script>
import { IconCaseRound } from "@devigner-ui/icons-svelte";
</script>
<IconCaseRound class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M3 12c0 3.77 0 7.66 1.32 8.83S7.76 22 12 22s6.36 0 7.68-1.17S21 15.77 21 12" stroke="currentColor" stroke-width="1.5"></path><path d="m14.66 14.2 6.2-1.86c.4-.12.61-.18.77-.3a1 1 0 0 0 .3-.4c.07-.19.07-.4.07-.83 0-1.69 0-2.53-.33-3.18a3 3 0 0 0-1.3-1.3C19.72 6 18.88 6 17.19 6H6.81c-1.69 0-2.53 0-3.18.33a3 3 0 0 0-1.3 1.3C2 8.28 2 9.13 2 10.81c0 .43 0 .64.07.82a1 1 0 0 0 .3.4c.16.13.36.19.77.31l6.2 1.86" stroke="currentColor" stroke-width="1.5"></path><path d="M14 12.5h-4a.5.5 0 0 0-.5.5v2.16c0 .2.12.39.31.47l.7.28a4 4 0 0 0 2.98 0l.7-.28a.5.5 0 0 0 .31-.47V13a.5.5 0 0 0-.5-.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M9.17 4a3 3 0 0 1 5.66 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>