Sale icon
andrsrxn:sale
The Sale icon (andrsrxn:sale) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Shopping
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M9.76 3.2c.7-.76 1.03-1.15 1.43-1.32a2 2 0 0 1 1.62 0c.4.17.74.56 1.43 1.32c.31.35.47.53.65.66a2 2 0 0 0 .82.34c.22.04.46.02.93 0c1.03-.06 1.54-.09 1.94.07a2 2 0 0 1 1.15 1.15c.16.4.13.91.07 1.94c-.02.47-.04.7 0 .93a2 2 0 0 0 .34.82a4 4 0 0 0 .66.65c.76.7 1.15 1.04 1.32 1.43a2 2 0 0 1 0 1.62c-.17.4-.56.74-1.32 1.43c-.35.31-.53.47-.66.65a2 2 0 0 0-.34.82c-.04.22-.02.46 0 .93c.06 1.03.09 1.54-.07 1.94a2 2 0 0 1-1.15 1.15c-.4.16-.91.13-1.94.07c-.47-.02-.7-.04-.93 0a2 2 0 0 0-.82.34a4 4 0 0 0-.65.66c-.7.76-1.04 1.15-1.43 1.32a2 2 0 0 1-1.62 0c-.4-.17-.74-.56-1.43-1.32a5 5 0 0 0-.65-.66a2 2 0 0 0-.82-.34c-.22-.04-.46-.02-.93 0c-1.03.06-1.54.09-1.94-.07a2 2 0 0 1-1.15-1.15c-.16-.4-.13-.91-.07-1.94c.02-.47.04-.7 0-.93a2 2 0 0 0-.34-.82a4 4 0 0 0-.66-.65c-.76-.7-1.15-1.03-1.32-1.43a2 2 0 0 1 0-1.62c.17-.4.56-.74 1.32-1.43c.35-.31.53-.47.66-.65a2 2 0 0 0 .34-.82c.04-.22.02-.46 0-.93c-.06-1.03-.09-1.54.07-1.94a2 2 0 0 1 1.15-1.15c.4-.16.91-.13 1.94-.07c.47.02.7.04.93 0a2 2 0 0 0 .82-.34a4 4 0 0 0 .65-.66m-.51 7.61a1.67 1.67 0 1 0 0-3.34a1.67 1.67 0 0 0 0 3.34m7.28 3.94a1.67 1.67 0 1 1-3.34 0a1.67 1.67 0 0 1 3.34 0" clip-rule="evenodd" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.4 7.6l-8.75 8.75M9.72 3.14c.76-.8 1.14-1.21 1.57-1.38a2 2 0 0 1 1.42 0c.43.17.81.57 1.57 1.38c.33.36.5.54.7.68a2 2 0 0 0 .7.28c.23.05.48.04.98.03c1.1-.04 1.65-.06 2.08.13a2 2 0 0 1 1 1c.19.43.17.98.13 2.08c-.01.5-.02.75.03.98a2 2 0 0 0 .28.7c.14.2.32.37.68.7c.8.76 1.21 1.14 1.38 1.57a2 2 0 0 1 0 1.42c-.17.43-.57.81-1.38 1.57c-.36.33-.54.5-.68.7a2 2 0 0 0-.28.7a4 4 0 0 0-.03.98c.04 1.1.06 1.65-.13 2.08a2 2 0 0 1-1 1c-.43.19-.98.17-2.08.13c-.5-.01-.75-.02-.98.03a2 2 0 0 0-.7.28c-.2.14-.37.32-.7.68c-.76.8-1.14 1.21-1.57 1.38a2 2 0 0 1-1.42 0c-.43-.17-.81-.57-1.57-1.38c-.33-.36-.5-.54-.7-.68a2 2 0 0 0-.7-.28c-.23-.05-.48-.04-.98-.03c-1.1.04-1.65.06-2.08-.13a2 2 0 0 1-1-1c-.19-.43-.17-.98-.13-2.08c.01-.5.02-.75-.03-.98a2 2 0 0 0-.28-.7c-.14-.2-.32-.37-.68-.7c-.8-.76-1.21-1.14-1.38-1.57a2 2 0 0 1 0-1.42c.17-.43.57-.81 1.38-1.57c.36-.33.54-.5.68-.7a2 2 0 0 0 .28-.7c.05-.23.04-.48.03-.98c-.04-1.1-.06-1.65.13-2.08a2 2 0 0 1 1-1c.43-.19.98-.17 2.08-.13c.5.01.75.02.98-.03a2 2 0 0 0 .7-.28c.2-.14.37-.32.7-.68"/><circle cx="9.15" cy="9.04" r="1.57" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><circle cx="14.96" cy="14.85" r="1.57" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>How to use the Sale icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:sale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:sale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:sale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--sale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:sale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:sale"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/sale.svg" alt="Sale icon" width="24" height="24">Sale icon in other icon sets
Sale icon FAQ
Is the Sale icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sale icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:sale" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sale icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/sale.svg" alt="Sale icon">, or paste the SVG code inline to style it with CSS.