Discount Circle icon

Discount Circle 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.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconDiscountCircle } from "@devigner-ui/icons";

<IconDiscountCircle className="size-6" />

Vue

<script setup>
import { IconDiscountCircle } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconDiscountCircle class="size-6" />
</template>

Svelte

<script>
  import { IconDiscountCircle } from "@devigner-ui/icons-svelte";
</script>

<IconDiscountCircle class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width="1.5" d="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20"></path><path stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width="1.5" d="m9 15 6-6" opacity="1"></path><path stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width="1.5" d="M9.5 9.5" opacity="1"></path></svg>

Category

Shopping & E-Commerce

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

cart, checkout, storefront, orders

Also called

discount, circle, path, curved, smooth, arc, curve, closed, round, circular, ring, dot, cycle, orb, loop

More Shopping & E-Commerce icons

• Bag
• Bag2
• Bag3
• Bag4
• Bag5
• Bag7
• Bag Check
• Bag Cross
• Bag Cross2
• Bag Heart
• Bag Music
• Bag Music2
• Bag Smile
• Bag Tick2
• Bag Timer
• Barcode
• Basket
• Cart Check
• Cart Cross
• Cart Large
• Cart Large2
• Cart Large3
• Cart Large4
• Cart Large Minimalistic

All Shopping & E-Commerce icons

Browse all 8,584 icons