Fish Cake With Swirl icon
fluent-emoji-high-contrast:fish-cake-with-swirl
The Fish Cake With Swirl icon (fluent-emoji-high-contrast:fish-cake-with-swirl) is a free SVG icon from the Fluent Emoji High Contrast set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Category
- Food & Drink
- Tags
- fishcake, cakewith, withswirl, fishcakewithswirl
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18.264 20.703c1.45-.18 2.74-.92 3.64-2.08a5.43 5.43 0 0 0 1.09-4.05a5.42 5.42 0 0 0-2.06-3.63l-.02-.02a1 1 0 0 0-.1-.08a7.88 7.88 0 0 0-5.73-1.51a7.82 7.82 0 0 0-5.25 3a7.9 7.9 0 0 0-1.6 3.92c-.05.42.33.77.74.7h.01c.29-.05.51-.28.54-.57c.14-1.17.6-2.29 1.34-3.25a6.54 6.54 0 0 1 4.39-2.51a6.62 6.62 0 0 1 4.79 1.27c.02.02.05.04.08.06l.01.01l.13.11c.78.69 1.31 1.61 1.45 2.64a4.16 4.16 0 0 1-.84 3.12c-.68.88-1.67 1.45-2.78 1.59c-1.09.14-2.16-.14-3.04-.8q-.019-.017-.033-.027l-.017-.013l-.02-.01c-.36-.29-.59-.7-.65-1.16c-.09-.71.24-1.41.92-1.8c.6-.35 1.34-.26 1.89.15l.03.02l.01.01c.2.15.47.19.68.07c.31-.17.43-.5.32-.81a.65.65 0 0 0-.23-.31q-.007 0-.01-.005q-.003-.004-.01-.005a3.08 3.08 0 0 0-4.78 1.57c-.04.11-.07.24-.09.36c-.18 1.16.27 2.25 1.14 2.93l.02.02l.03.02l.03.02c1.15.86 2.56 1.23 3.98 1.05"/><path d="M25.904 26.443c.507-.507.777-1.206 1.047-1.905c.315-.472.563-.987.735-1.531c.183-.268.392-.526.602-.786c.474-.585.952-1.176 1.146-1.888q.02-.07.034-.143c.292-.446.523-.93.688-1.44a6 6 0 0 0-.025-2.516A8 8 0 0 1 30 15.023a8 8 0 0 1 .137-1.219a6 6 0 0 0 .024-2.514a6.1 6.1 0 0 0-1.3-2.2a8 8 0 0 1-.692-.946a8 8 0 0 1-.479-1.086a6.1 6.1 0 0 0-1.251-2.212a6.1 6.1 0 0 0-2.211-1.25a8 8 0 0 1-1.083-.477a8 8 0 0 1-.931-.687a6 6 0 0 0-2.222-1.305a6.1 6.1 0 0 0-2.514.025a7.4 7.4 0 0 1-2.431 0a6 6 0 0 0-2.513-.025a6.1 6.1 0 0 0-2.2 1.3a8 8 0 0 1-.947.694A8 8 0 0 1 8.3 3.6a6.1 6.1 0 0 0-2.213 1.246c-.57.64-1 1.394-1.259 2.212a8 8 0 0 1-.477 1.083a8 8 0 0 1-.687.932a6 6 0 0 0-1.3 2.221a6 6 0 0 0 .025 2.514q.111.602.131 1.215a8 8 0 0 1-.131 1.215a6 6 0 0 0-.025 2.514c.168.505.401.985.693 1.427q.016.078.037.154c.186.708.662 1.293 1.134 1.874c.214.262.427.524.613.797c.172.544.42 1.06.736 1.534c.27.698.54 1.398 1.047 1.905c.508.508 1.207.778 1.906 1.048c.43.166.86.331 1.244.552c.372.218.72.5 1.072.785c.585.473 1.176.951 1.888 1.145c.674.178 1.401.066 2.137-.047c.464-.071.932-.143 1.393-.143c.459 0 .925.073 1.388.145c.737.116 1.466.23 2.142.045c.708-.186 1.292-.662 1.873-1.134c.355-.289.708-.576 1.087-.796c.384-.22.814-.386 1.243-.552c.7-.27 1.399-.54 1.907-1.048m-9.64.32a10 10 0 0 0-1.519.16a4.5 4.5 0 0 1-1.7.067a4.4 4.4 0 0 1-1.47-.923a9.4 9.4 0 0 0-1.191-.865a9.6 9.6 0 0 0-1.363-.612a4.5 4.5 0 0 1-1.519-.8a4.5 4.5 0 0 1-.8-1.519a10 10 0 0 0-.61-1.36a9 9 0 0 0-.873-1.211a4.4 4.4 0 0 1-.919-1.467a4.4 4.4 0 0 1 .067-1.685a10 10 0 0 0 .155-1.524a10 10 0 0 0-.155-1.524a4.4 4.4 0 0 1-.067-1.7a4.4 4.4 0 0 1 .926-1.467q.479-.562.864-1.191q.354-.658.602-1.362a4.5 4.5 0 0 1 .8-1.519c.45-.362.966-.633 1.519-.8a10 10 0 0 0 1.36-.61q.64-.388 1.21-.872c.423-.4.92-.712 1.463-.92a4.5 4.5 0 0 1 1.687.069c1.01.152 2.037.152 3.047 0a4.4 4.4 0 0 1 1.7-.066a4.35 4.35 0 0 1 1.473.924q.561.478 1.19.864q.658.357 1.362.611a4.5 4.5 0 0 1 1.519.8c.362.45.634.965.8 1.518q.251.704.61 1.361q.387.64.871 1.208c.4.423.712.92.921 1.464a4.4 4.4 0 0 1-.069 1.688A10 10 0 0 0 28 15.023q.02.766.158 1.519c.132.557.154 1.134.067 1.7a4.4 4.4 0 0 1-.924 1.472q-.48.56-.864 1.19q-.36.658-.612 1.363a4.5 4.5 0 0 1-.8 1.519c-.45.362-.966.633-1.519.8q-.703.25-1.36.609a9.3 9.3 0 0 0-1.209.872c-.423.4-.92.713-1.464.92a4.4 4.4 0 0 1-1.686-.069a10 10 0 0 0-1.523-.155"/></g></svg>How to use the Fish Cake With Swirl icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:fish-cake-with-swirl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:fish-cake-with-swirl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:fish-cake-with-swirl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--fish-cake-with-swirl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:fish-cake-with-swirl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:fish-cake-with-swirl"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/fish-cake-with-swirl.svg" alt="Fish Cake With Swirl icon" width="24" height="24">Related icons in Fluent Emoji High Contrast
Fish Cake With Swirl icon in other icon sets
Fish Cake With Swirl icon FAQ
Is the Fish Cake With Swirl icon free for commercial use?
Yes. Fluent Emoji High Contrast icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Fish Cake With Swirl icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-high-contrast:fish-cake-with-swirl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fish Cake With Swirl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/fish-cake-with-swirl.svg" alt="Fish Cake With Swirl icon">, or paste the SVG code inline to style it with CSS.