offer icon

offer from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.

Name: offer
Set: BoxIcons v2 Solid
Style: Solid
Viewbox: 24×24
License: MIT

The same icon in other sets

Use the offer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.749 12l1.104-1.908a1 1 0 0 0-.365-1.366l-1.91-1.104v-2.2a1 1 0 0 0-1-1h-2.199l-1.103-1.909a1 1 0 0 0-.607-.466a1 1 0 0 0-.759.1L12 3.251l-1.91-1.105a1 1 0 0 0-1.366.366L7.62 4.422H5.421a1 1 0 0 0-1 1v2.199l-1.91 1.104a1 1 0 0 0-.365 1.367L3.25 12l-1.104 1.908a1.004 1.004 0 0 0 .364 1.367l1.91 1.104v2.199a1 1 0 0 0 1 1h2.2l1.104 1.91a1.01 1.01 0 0 0 .866.5c.174 0 .347-.046.501-.135l1.908-1.104l1.91 1.104a1 1 0 0 0 1.366-.365l1.103-1.91h2.199a1 1 0 0 0 1-1v-2.199l1.91-1.104a1 1 0 0 0 .365-1.367zM9.499 6.99a1.5 1.5 0 1 1-.001 3.001a1.5 1.5 0 0 1 .001-3.001m.3 9.6l-1.6-1.199l6-8l1.6 1.199zm4.7.4a1.5 1.5 0 1 1 .001-3.001a1.5 1.5 0 0 1-.001 3.001"/></svg>

React

import type { SVGProps } from "react";

export function BxsOffer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.749 12l1.104-1.908a1 1 0 0 0-.365-1.366l-1.91-1.104v-2.2a1 1 0 0 0-1-1h-2.199l-1.103-1.909a1 1 0 0 0-.607-.466a1 1 0 0 0-.759.1L12 3.251l-1.91-1.105a1 1 0 0 0-1.366.366L7.62 4.422H5.421a1 1 0 0 0-1 1v2.199l-1.91 1.104a1 1 0 0 0-.365 1.367L3.25 12l-1.104 1.908a1.004 1.004 0 0 0 .364 1.367l1.91 1.104v2.199a1 1 0 0 0 1 1h2.2l1.104 1.91a1.01 1.01 0 0 0 .866.5c.174 0 .347-.046.501-.135l1.908-1.104l1.91 1.104a1 1 0 0 0 1.366-.365l1.103-1.91h2.199a1 1 0 0 0 1-1v-2.199l1.91-1.104a1 1 0 0 0 .365-1.367zM9.499 6.99a1.5 1.5 0 1 1-.001 3.001a1.5 1.5 0 0 1 .001-3.001m.3 9.6l-1.6-1.199l6-8l1.6 1.199zm4.7.4a1.5 1.5 0 1 1 .001-3.001a1.5 1.5 0 0 1-.001 3.001"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.749 12l1.104-1.908a1 1 0 0 0-.365-1.366l-1.91-1.104v-2.2a1 1 0 0 0-1-1h-2.199l-1.103-1.909a1 1 0 0 0-.607-.466a1 1 0 0 0-.759.1L12 3.251l-1.91-1.105a1 1 0 0 0-1.366.366L7.62 4.422H5.421a1 1 0 0 0-1 1v2.199l-1.91 1.104a1 1 0 0 0-.365 1.367L3.25 12l-1.104 1.908a1.004 1.004 0 0 0 .364 1.367l1.91 1.104v2.199a1 1 0 0 0 1 1h2.2l1.104 1.91a1.01 1.01 0 0 0 .866.5c.174 0 .347-.046.501-.135l1.908-1.104l1.91 1.104a1 1 0 0 0 1.366-.365l1.103-1.91h2.199a1 1 0 0 0 1-1v-2.199l1.91-1.104a1 1 0 0 0 .365-1.367zM9.499 6.99a1.5 1.5 0 1 1-.001 3.001a1.5 1.5 0 0 1 .001-3.001m.3 9.6l-1.6-1.199l6-8l1.6 1.199zm4.7.4a1.5 1.5 0 1 1 .001-3.001a1.5 1.5 0 0 1-.001 3.001"/></svg>
</template>

CSS

.icon-offer {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.749%2012l1.104-1.908a1%201%200%200%200-.365-1.366l-1.91-1.104v-2.2a1%201%200%200%200-1-1h-2.199l-1.103-1.909a1%201%200%200%200-.607-.466a1%201%200%200%200-.759.1L12%203.251l-1.91-1.105a1%201%200%200%200-1.366.366L7.62%204.422H5.421a1%201%200%200%200-1%201v2.199l-1.91%201.104a1%201%200%200%200-.365%201.367L3.25%2012l-1.104%201.908a1.004%201.004%200%200%200%20.364%201.367l1.91%201.104v2.199a1%201%200%200%200%201%201h2.2l1.104%201.91a1.01%201.01%200%200%200%20.866.5c.174%200%20.347-.046.501-.135l1.908-1.104l1.91%201.104a1%201%200%200%200%201.366-.365l1.103-1.91h2.199a1%201%200%200%200%201-1v-2.199l1.91-1.104a1%201%200%200%200%20.365-1.367zM9.499%206.99a1.5%201.5%200%201%201-.001%203.001a1.5%201.5%200%200%201%20.001-3.001m.3%209.6l-1.6-1.199l6-8l1.6%201.199zm4.7.4a1.5%201.5%200%201%201%20.001-3.001a1.5%201.5%200%200%201-.001%203.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.749%2012l1.104-1.908a1%201%200%200%200-.365-1.366l-1.91-1.104v-2.2a1%201%200%200%200-1-1h-2.199l-1.103-1.909a1%201%200%200%200-.607-.466a1%201%200%200%200-.759.1L12%203.251l-1.91-1.105a1%201%200%200%200-1.366.366L7.62%204.422H5.421a1%201%200%200%200-1%201v2.199l-1.91%201.104a1%201%200%200%200-.365%201.367L3.25%2012l-1.104%201.908a1.004%201.004%200%200%200%20.364%201.367l1.91%201.104v2.199a1%201%200%200%200%201%201h2.2l1.104%201.91a1.01%201.01%200%200%200%20.866.5c.174%200%20.347-.046.501-.135l1.908-1.104l1.91%201.104a1%201%200%200%200%201.366-.365l1.103-1.91h2.199a1%201%200%200%200%201-1v-2.199l1.91-1.104a1%201%200%200%200%20.365-1.367zM9.499%206.99a1.5%201.5%200%201%201-.001%203.001a1.5%201.5%200%200%201%20.001-3.001m.3%209.6l-1.6-1.199l6-8l1.6%201.199zm4.7.4a1.5%201.5%200%201%201%20.001-3.001a1.5%201.5%200%200%201-.001%203.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/offer.svg?color=%231a73e8&size=48