Cosmetic 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 { IconCosmetic } from "@devigner-ui/icons";
<IconCosmetic className="size-6" />
<script setup>
import { IconCosmetic } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCosmetic class="size-6" />
</template>
<script>
import { IconCosmetic } from "@devigner-ui/icons-svelte";
</script>
<IconCosmetic class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 10.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M16.5 20v-4m0 4h3m-3 0h-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 11v-.75a.75.75 0 0 0-.75.75zm6 0h.75a.75.75 0 0 0-.75-.75zm-6 .75h6v-1.5H2zM7.25 11v6h1.5v-6zm-4.5 6v-6h-1.5v6zM5 19.25c-1.24 0-2.25-1-2.25-2.25h-1.5A3.75 3.75 0 0 0 5 20.75zM7.25 17c0 1.24-1 2.25-2.25 2.25v1.5A3.75 3.75 0 0 0 8.75 17z" fill="currentColor"></path><path opacity="1" d="M3 11h4V5.62a1 1 0 0 0-1.45-.9l-2 1a1 1 0 0 0-.55.9z" stroke="currentColor" stroke-width="1.5"></path></svg>