champagne icon

champagne from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: champagne
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

champagne-bold 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="M184 20a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-19.88 53.23c7.26 44.25 4.35 75.76-8.66 93.66A39.94 39.94 0 0 1 128 183.42V232h16a8 8 0 0 1 0 16H96a8 8 0 0 1 0-16h16v-48.58a40 40 0 0 1-27.46-16.53c-13-17.9-15.91-49.41-8.65-93.66a451 451 0 0 1 14.21-59.7A8 8 0 0 1 97.71 8h44.59a8 8 0 0 1 7.61 5.53a451 451 0 0 1 14.21 59.7M93.8 64h52.4c-3-15.58-6.72-29.81-9.78-40h-32.83c-3.06 10.19-6.76 24.42-9.79 40M149 80H91c-4.49 30-5.14 61.54 6.45 77.49C102.63 164.56 110 168 120 168s17.38-3.44 22.52-10.51C154.1 141.54 153.46 110 149 80m71-40a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-24 48a12 12 0 1 0 12 12a12 12 0 0 0-12-12"/></svg>

React

import type { SVGProps } from "react";

export function PhChampagne(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="M184 20a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-19.88 53.23c7.26 44.25 4.35 75.76-8.66 93.66A39.94 39.94 0 0 1 128 183.42V232h16a8 8 0 0 1 0 16H96a8 8 0 0 1 0-16h16v-48.58a40 40 0 0 1-27.46-16.53c-13-17.9-15.91-49.41-8.65-93.66a451 451 0 0 1 14.21-59.7A8 8 0 0 1 97.71 8h44.59a8 8 0 0 1 7.61 5.53a451 451 0 0 1 14.21 59.7M93.8 64h52.4c-3-15.58-6.72-29.81-9.78-40h-32.83c-3.06 10.19-6.76 24.42-9.79 40M149 80H91c-4.49 30-5.14 61.54 6.45 77.49C102.63 164.56 110 168 120 168s17.38-3.44 22.52-10.51C154.1 141.54 153.46 110 149 80m71-40a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-24 48a12 12 0 1 0 12 12a12 12 0 0 0-12-12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 20a12 12 0 1 1 12 12a12 12 0 0 1-12-12m-19.88 53.23c7.26 44.25 4.35 75.76-8.66 93.66A39.94 39.94 0 0 1 128 183.42V232h16a8 8 0 0 1 0 16H96a8 8 0 0 1 0-16h16v-48.58a40 40 0 0 1-27.46-16.53c-13-17.9-15.91-49.41-8.65-93.66a451 451 0 0 1 14.21-59.7A8 8 0 0 1 97.71 8h44.59a8 8 0 0 1 7.61 5.53a451 451 0 0 1 14.21 59.7M93.8 64h52.4c-3-15.58-6.72-29.81-9.78-40h-32.83c-3.06 10.19-6.76 24.42-9.79 40M149 80H91c-4.49 30-5.14 61.54 6.45 77.49C102.63 164.56 110 168 120 168s17.38-3.44 22.52-10.51C154.1 141.54 153.46 110 149 80m71-40a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-24 48a12 12 0 1 0 12 12a12 12 0 0 0-12-12"/></svg>
</template>

CSS

.icon-champagne {
  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%22M184%2020a12%2012%200%201%201%2012%2012a12%2012%200%200%201-12-12m-19.88%2053.23c7.26%2044.25%204.35%2075.76-8.66%2093.66A39.94%2039.94%200%200%201%20128%20183.42V232h16a8%208%200%200%201%200%2016H96a8%208%200%200%201%200-16h16v-48.58a40%2040%200%200%201-27.46-16.53c-13-17.9-15.91-49.41-8.65-93.66a451%20451%200%200%201%2014.21-59.7A8%208%200%200%201%2097.71%208h44.59a8%208%200%200%201%207.61%205.53a451%20451%200%200%201%2014.21%2059.7M93.8%2064h52.4c-3-15.58-6.72-29.81-9.78-40h-32.83c-3.06%2010.19-6.76%2024.42-9.79%2040M149%2080H91c-4.49%2030-5.14%2061.54%206.45%2077.49C102.63%20164.56%20110%20168%20120%20168s17.38-3.44%2022.52-10.51C154.1%20141.54%20153.46%20110%20149%2080m71-40a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12m-24%2048a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12%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%22M184%2020a12%2012%200%201%201%2012%2012a12%2012%200%200%201-12-12m-19.88%2053.23c7.26%2044.25%204.35%2075.76-8.66%2093.66A39.94%2039.94%200%200%201%20128%20183.42V232h16a8%208%200%200%201%200%2016H96a8%208%200%200%201%200-16h16v-48.58a40%2040%200%200%201-27.46-16.53c-13-17.9-15.91-49.41-8.65-93.66a451%20451%200%200%201%2014.21-59.7A8%208%200%200%201%2097.71%208h44.59a8%208%200%200%201%207.61%205.53a451%20451%200%200%201%2014.21%2059.7M93.8%2064h52.4c-3-15.58-6.72-29.81-9.78-40h-32.83c-3.06%2010.19-6.76%2024.42-9.79%2040M149%2080H91c-4.49%2030-5.14%2061.54%206.45%2077.49C102.63%20164.56%20110%20168%20120%20168s17.38-3.44%2022.52-10.51C154.1%20141.54%20153.46%20110%20149%2080m71-40a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12m-24%2048a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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