Lifebuoy 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 { IconLifebuoy } from "@devigner-ui/icons";
<IconLifebuoy className="size-6" />
<script setup>
import { IconLifebuoy } from "@devigner-ui/icons-vue";
</script>
<template>
<IconLifebuoy class="size-6" />
</template>
<script>
import { IconLifebuoy } from "@devigner-ui/icons-svelte";
</script>
<IconLifebuoy class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.64 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.67 16.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m5.57 4.93 3.54 3.53" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m5.57 19.07 3.54-3.53" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m19.72 19.07-3.54-3.53" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m19.72 4.93-3.54 3.53" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>