Cheers Duotone icon
ph:cheers-duotone
The Cheers Duotone icon (ph:cheers-duotone) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- glass, drinks, beverages, champagne, toast, places, locations, bars, restaurants, food, dining, cheersduotone, cheer
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="m75.23 62.81l51.69 12.92a332 332 0 0 1-8 52.54a32 32 0 1 1-61.82-16.56a307.7 307.7 0 0 1 18.13-48.9m123.67 72.9a311 311 0 0 0-19-50.69l-51.41 12.86c1.13 16.36 3.57 35.67 8.59 54.39a32 32 0 1 0 61.82-16.56" opacity=".2"/><path d="m213.93 213.94l-17.65 4.73l-10.42-38.89a40.06 40.06 0 0 0 20.77-46.14c-12.6-47-38.78-88.22-39.89-89.95a8 8 0 0 0-8.68-3.45l-21.86 5.47c0-8.25-.18-13.43-.21-14.08a8 8 0 0 0-6.05-7.39l-32-8a8 8 0 0 0-8.68 3.45c-1.11 1.73-27.29 42.93-39.89 90a40.06 40.06 0 0 0 20.77 46.14l-10.42 38.84l-17.65-4.73a8 8 0 0 0-4.14 15.46l48 12.86a8.2 8.2 0 0 0 2.07.27a8 8 0 0 0 2.07-15.73l-14.9-4l10.42-38.89c.81.05 1.61.08 2.41.08a40.12 40.12 0 0 0 37-24.88c1.18 6.37 2.6 12.82 4.31 19.22A40.08 40.08 0 0 0 168 184c.8 0 1.6 0 2.41-.08l10.42 38.89l-14.9 4a8 8 0 0 0 2.07 15.72a8.2 8.2 0 0 0 2.07-.27l48-12.86a8 8 0 0 0-4.14-15.46M156.22 57.19c2.78 4.7 7.23 12.54 12.2 22.46L136 87.77c-.42-10-.38-18.25-.25-23.79c0-.56.05-1.12.08-1.68Zm-56.44-24l20.37 5.09c.06 4.28 0 10.67-.21 18.47c-.06 1.21-.16 3.19-.23 5.84c0 1-.1 2-.16 3l-32.86-8.16C92 46.67 96.84 38.16 99.78 33.19m11.39 93.09a24 24 0 0 1-46.34-12.5a291 291 0 0 1 15-41.59l38.58 9.64a314 314 0 0 1-7.24 44.45m33.64 23.92A274 274 0 0 1 137 104l38.41-9.6a293 293 0 0 1 15.75 43.39a24 24 0 1 1-46.36 12.42Zm40-106.62a8 8 0 0 1 3.58-10.74l16-8a8 8 0 1 1 7.16 14.32l-16 8a8 8 0 0 1-10.74-3.58M232 72a8 8 0 0 1-8 8h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 8 8M32.84 20.42a8 8 0 0 1 10.74-3.58l16 8a8 8 0 0 1-7.16 14.32l-16-8a8 8 0 0 1-3.58-10.74M40 72H24a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16"/></g></svg>How to use the Cheers Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cheers-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cheers-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cheers-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cheers-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cheers-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cheers-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/cheers-duotone.svg" alt="Cheers Duotone icon" width="24" height="24">Related icons in Phosphor
Cheers Duotone icon FAQ
Is the Cheers Duotone icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cheers Duotone icon in React?
Install @iconify/react and render <Icon icon="ph:cheers-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cheers Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/cheers-duotone.svg" alt="Cheers Duotone icon">, or paste the SVG code inline to style it with CSS.