champagne icon

champagne-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: champagne-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

champagne champagne-duotone champagne-fill champagne-light champagne-thin

The same icon in other sets

Use the champagne icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M153.7 12.29A12 12 0 0 0 142.29 4h-44.6a12 12 0 0 0-11.41 8.29a454 454 0 0 0-14.36 60.29c-7.44 45.34-4.28 77.86 9.37 96.66A44.1 44.1 0 0 0 108 186.72V228H96a12 12 0 0 0 0 24h48a12 12 0 0 0 0-24h-12v-41.28a44.1 44.1 0 0 0 26.7-17.48c13.66-18.8 16.81-51.32 9.37-96.66a454 454 0 0 0-14.37-60.29M133.36 28c2.08 7.25 5.14 18.7 7.92 32H98.7c2.78-13.3 5.84-24.75 7.92-32Zm5.91 127.14c-4.4 6-10.52 8.86-19.28 8.86s-14.88-2.82-19.28-8.86c-8.83-12.14-11-37.26-6.25-71.14h51.06c4.75 33.88 2.58 59-6.25 71.14M240 56a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-60-36a16 16 0 1 1 16 16a16 16 0 0 1-16-16m36 84a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>

React

import type { SVGProps } from "react";

export function PhChampagneBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M153.7 12.29A12 12 0 0 0 142.29 4h-44.6a12 12 0 0 0-11.41 8.29a454 454 0 0 0-14.36 60.29c-7.44 45.34-4.28 77.86 9.37 96.66A44.1 44.1 0 0 0 108 186.72V228H96a12 12 0 0 0 0 24h48a12 12 0 0 0 0-24h-12v-41.28a44.1 44.1 0 0 0 26.7-17.48c13.66-18.8 16.81-51.32 9.37-96.66a454 454 0 0 0-14.37-60.29M133.36 28c2.08 7.25 5.14 18.7 7.92 32H98.7c2.78-13.3 5.84-24.75 7.92-32Zm5.91 127.14c-4.4 6-10.52 8.86-19.28 8.86s-14.88-2.82-19.28-8.86c-8.83-12.14-11-37.26-6.25-71.14h51.06c4.75 33.88 2.58 59-6.25 71.14M240 56a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-60-36a16 16 0 1 1 16 16a16 16 0 0 1-16-16m36 84a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M153.7 12.29A12 12 0 0 0 142.29 4h-44.6a12 12 0 0 0-11.41 8.29a454 454 0 0 0-14.36 60.29c-7.44 45.34-4.28 77.86 9.37 96.66A44.1 44.1 0 0 0 108 186.72V228H96a12 12 0 0 0 0 24h48a12 12 0 0 0 0-24h-12v-41.28a44.1 44.1 0 0 0 26.7-17.48c13.66-18.8 16.81-51.32 9.37-96.66a454 454 0 0 0-14.37-60.29M133.36 28c2.08 7.25 5.14 18.7 7.92 32H98.7c2.78-13.3 5.84-24.75 7.92-32Zm5.91 127.14c-4.4 6-10.52 8.86-19.28 8.86s-14.88-2.82-19.28-8.86c-8.83-12.14-11-37.26-6.25-71.14h51.06c4.75 33.88 2.58 59-6.25 71.14M240 56a16 16 0 1 1-16-16a16 16 0 0 1 16 16m-60-36a16 16 0 1 1 16 16a16 16 0 0 1-16-16m36 84a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
</template>

CSS

.icon-champagne-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M153.7%2012.29A12%2012%200%200%200%20142.29%204h-44.6a12%2012%200%200%200-11.41%208.29a454%20454%200%200%200-14.36%2060.29c-7.44%2045.34-4.28%2077.86%209.37%2096.66A44.1%2044.1%200%200%200%20108%20186.72V228H96a12%2012%200%200%200%200%2024h48a12%2012%200%200%200%200-24h-12v-41.28a44.1%2044.1%200%200%200%2026.7-17.48c13.66-18.8%2016.81-51.32%209.37-96.66a454%20454%200%200%200-14.37-60.29M133.36%2028c2.08%207.25%205.14%2018.7%207.92%2032H98.7c2.78-13.3%205.84-24.75%207.92-32Zm5.91%20127.14c-4.4%206-10.52%208.86-19.28%208.86s-14.88-2.82-19.28-8.86c-8.83-12.14-11-37.26-6.25-71.14h51.06c4.75%2033.88%202.58%2059-6.25%2071.14M240%2056a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m-60-36a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m36%2084a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M153.7%2012.29A12%2012%200%200%200%20142.29%204h-44.6a12%2012%200%200%200-11.41%208.29a454%20454%200%200%200-14.36%2060.29c-7.44%2045.34-4.28%2077.86%209.37%2096.66A44.1%2044.1%200%200%200%20108%20186.72V228H96a12%2012%200%200%200%200%2024h48a12%2012%200%200%200%200-24h-12v-41.28a44.1%2044.1%200%200%200%2026.7-17.48c13.66-18.8%2016.81-51.32%209.37-96.66a454%20454%200%200%200-14.37-60.29M133.36%2028c2.08%207.25%205.14%2018.7%207.92%2032H98.7c2.78-13.3%205.84-24.75%207.92-32Zm5.91%20127.14c-4.4%206-10.52%208.86-19.28%208.86s-14.88-2.82-19.28-8.86c-8.83-12.14-11-37.26-6.25-71.14h51.06c4.75%2033.88%202.58%2059-6.25%2071.14M240%2056a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m-60-36a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m36%2084a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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