Cookie Bite icon
la:cookie-bite
The Cookie Bite icon (la:cookie-bite) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 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
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Objects
- Tags
- cookiebite, cookie bite solid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.371 4 4 9.371 4 16s5.371 12 12 12s12-5.371 12-12c0-.484-.035-.96-.094-1.434A2.5 2.5 0 0 1 26.5 15a2.5 2.5 0 0 1-2.34-1.64A4 4 0 0 1 22 14c-2.21 0-4-1.79-4-4c0-.734.21-1.414.559-2.008A.3.3 0 0 1 18.5 8A2.497 2.497 0 0 1 16 5.5c0-.559.188-1.066.496-1.48C16.332 4.012 16.168 4 16 4m7.5 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m-9.45 2.188a4.53 4.53 0 0 0 1.997 3.085A6 6 0 0 0 16 10c0 3.309 2.691 6 6 6c.496 0 .992-.063 1.469-.188a4.5 4.5 0 0 0 2.484 1.157C25.465 22.03 21.188 26 16 26c-5.516 0-10-4.484-10-10c0-4.848 3.469-8.902 8.05-9.813zM22 9c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m-8 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m13 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m-16 3a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4m5 2c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m-3.5 4a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m7 1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>How to use the Cookie Bite icon
React
import { Icon } from "@iconify/react";
<Icon icon="la:cookie-bite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:cookie-bite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:cookie-bite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--cookie-bite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:cookie-bite"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:cookie-bite"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/la/cookie-bite.svg" alt="Cookie Bite icon" width="24" height="24">Related icons in Line Awesome
Cookie Bite icon in other icon sets
Cookie Bite icon FAQ
Is the Cookie Bite icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cookie Bite icon in React?
Install @iconify/react and render <Icon icon="la:cookie-bite" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cookie Bite icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/cookie-bite.svg" alt="Cookie Bite icon">, or paste the SVG code inline to style it with CSS.