Sale icon in outline, twotone, bold and bulk. Free in all four styles, for cart, checkout, storefront, orders. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconSale } from "@devigner-ui/icons";
<IconSale className="size-6" />
<script setup>
import { IconSale } from "@devigner-ui/icons-vue";
</script>
<template>
<IconSale class="size-6" />
</template>
<script>
import { IconSale } from "@devigner-ui/icons-svelte";
</script>
<IconSale 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="M9.78 3.9c.57-.49.85-.73 1.14-.87a2.5 2.5 0 0 1 2.16 0c.3.14.57.38 1.14.86.22.2.34.29.46.37q.41.27.9.37c.14.03.3.04.59.07.73.06 1.1.09 1.41.2a2.5 2.5 0 0 1 1.53 1.52c.1.3.13.68.2 1.41.02.3.03.45.06.59q.1.49.37.9c.08.12.18.24.37.46.48.57.72.85.86 1.14a2.5 2.5 0 0 1 0 2.16c-.14.3-.38.57-.86 1.14-.2.22-.29.34-.37.46a3 3 0 0 0-.37.9c-.03.14-.04.3-.07.59-.06.73-.09 1.1-.2 1.41a2.5 2.5 0 0 1-1.52 1.53c-.3.1-.68.13-1.41.2-.3.02-.45.03-.59.06q-.49.1-.9.37c-.12.08-.24.18-.46.37-.57.48-.85.72-1.14.86a2.5 2.5 0 0 1-2.16 0c-.3-.14-.57-.38-1.14-.86-.22-.2-.34-.29-.46-.37a3 3 0 0 0-.9-.37l-.59-.07c-.73-.06-1.1-.09-1.41-.2a2.5 2.5 0 0 1-1.53-1.52c-.1-.3-.13-.68-.2-1.41-.02-.3-.03-.45-.06-.59a3 3 0 0 0-.37-.9l-.37-.46c-.48-.57-.72-.85-.86-1.14a2.5 2.5 0 0 1 0-2.16c.14-.3.38-.57.86-1.14.2-.22.29-.34.37-.46q.27-.41.37-.9c.03-.14.04-.3.07-.59.06-.73.09-1.1.2-1.41a2.5 2.5 0 0 1 1.52-1.53c.3-.1.68-.13 1.41-.2.3-.02.45-.03.59-.06q.49-.1.9-.37c.12-.08.24-.18.46-.37" stroke="currentColor" stroke-width="1.5"></path><path d="m9 15 6-6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M15.5 14.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="currentColor"></path><path d="M10.5 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="currentColor"></path></svg>