Wedding Cake icon
vs:wedding-cake
The Wedding Cake icon (vs:wedding-cake) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1920 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1920
- Tags
- weddingcake
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1920" viewBox="0 0 1664 1920"><path fill="currentColor" d="M664 162q-31 0-55.5-24T584 81t24.5-57T664 0q32 0 58 24t26 57t-26 57t-58 24m294 0q-32 0-57-24t-25-57t25-57t57-24t57 24t25 57t-25 57t-57 24m627 1620h-69v-326q0 43-40 73.5t-98 30.5q-57 0-97-30.5t-40-73.5q0 43-40.5 73.5T1103 1560t-97.5-30.5T965 1456q0 43-40.5 73.5T827 1560t-97.5-30.5T689 1456q0 43-40.5 73.5T551 1560t-97-30.5t-40-73.5q0 43-40.5 73.5T276 1560t-97.5-30.5T138 1456v326H69q-29 0-49 20t-20 49t20 49t49 20h1516q29 0 49-20t20-49t-20-49t-49-20m-344-455q0 43 40 73.5t97 30.5q58 0 98-30t40-74v-61q0-43-28-73.5t-69-30.5H237q-41 0-70 30.5t-29 73.5v61q0 43 40.5 73.5T276 1431t97.5-30.5T414 1327q0 43 40 73.5t97 30.5t97.5-30.5T689 1327q0 43 40.5 73.5T827 1431t97.5-30.5T965 1327q0 43 40.5 73.5t97.5 30.5t97.5-30.5t40.5-73.5m0-234V757q0 43-40.5 74t-97.5 31t-97.5-31t-40.5-74q0 43-40.5 74T827 862t-97.5-31t-40.5-74q0 43-40.5 74T551 862t-97-30.5t-40-74.5v336zM840 473h234l-78-162v-58q0-17-12-17h-55q-11 0-11 17v58zm290 0h34q34 0 55.5 29.5T1241 576v52q0 43-40.5 74t-97.5 31t-97.5-31t-40.5-74q0 43-40.5 74T827 733t-97.5-31t-40.5-74q0 43-40.5 74T551 733t-97-30.5t-40-74.5v-52q0-43 24-73t58-30h102V345h-45V231q0-11 13.5-25t23.5-14h151q10 0 23 14t13 25v114h-44v128h51q18-46 83-174v-69q0-11 14.5-24.5T908 192h98q12 0 26.5 13.5T1047 230v69q65 128 83 174"/></svg>How to use the Wedding Cake icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:wedding-cake" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:wedding-cake" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:wedding-cake" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--wedding-cake]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:wedding-cake"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:wedding-cake"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/wedding-cake.svg" alt="Wedding Cake icon" width="24" height="24">Wedding Cake icon in other icon sets
Wedding Cake icon FAQ
Is the Wedding Cake icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Wedding Cake icon in React?
Install @iconify/react and render <Icon icon="vs:wedding-cake" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wedding Cake icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/wedding-cake.svg" alt="Wedding Cake icon">, or paste the SVG code inline to style it with CSS.