Cooker Extract On icon
cbi:cooker-extract-on
The Cooker Extract On icon (cbi:cooker-extract-on) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- cookerextract, extracton, cookerextracton
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.692 18.962h7.813v.188H9.692Zm7.058-.311c-.5.006-1.022-.868-1.145-1.623a2.3 2.3 0 0 1 .185-1.523c.23-.461.526-.628.681-1.071a1.82 1.82 0 0 0-.437-1.5c-.238-.351-.526-.492-.469-.648a.311.311 0 0 1 .541-.145a2.7 2.7 0 0 1 .6.762a1.68 1.68 0 0 1 .272 1.632c-.232.586-.567.692-.726 1.317a3.5 3.5 0 0 0-.089 1.139a2.95 2.95 0 0 0 .966 1.66Zm-1.4 0c-.5.006-1.022-.868-1.145-1.623a2.3 2.3 0 0 1 .184-1.524c.231-.461.527-.628.681-1.071a1.82 1.82 0 0 0-.437-1.5c-.237-.351-.525-.492-.468-.648a.31.31 0 0 1 .54-.145a2.6 2.6 0 0 1 .6.762a1.68 1.68 0 0 1 .272 1.632c-.231.586-.567.692-.726 1.317a3.5 3.5 0 0 0-.088 1.139a2.95 2.95 0 0 0 .965 1.66Zm-1.342 0c-.5.006-1.023-.868-1.146-1.623a2.3 2.3 0 0 1 .185-1.524c.231-.461.527-.628.681-1.071a1.81 1.81 0 0 0-.437-1.5c-.237-.351-.526-.492-.469-.648a.31.31 0 0 1 .541-.145a2.6 2.6 0 0 1 .6.762a1.68 1.68 0 0 1 .273 1.632c-.232.586-.568.692-.726 1.317a3.5 3.5 0 0 0-.089 1.139a2.95 2.95 0 0 0 .965 1.66Zm-1.386 0c-.5.006-1.022-.868-1.145-1.623a2.3 2.3 0 0 1 .185-1.524c.231-.461.526-.628.681-1.071a1.82 1.82 0 0 0-.437-1.5c-.238-.351-.526-.492-.468-.648a.31.31 0 0 1 .54-.145a2.7 2.7 0 0 1 .6.762a1.68 1.68 0 0 1 .272 1.632c-.231.586-.567.692-.726 1.317a3.5 3.5 0 0 0-.089 1.139a2.96 2.96 0 0 0 .964 1.661Zm-1.37 0c-.5.006-1.022-.868-1.145-1.623a2.3 2.3 0 0 1 .185-1.524c.231-.461.526-.628.681-1.071a1.82 1.82 0 0 0-.437-1.5c-.238-.351-.526-.492-.468-.648a.31.31 0 0 1 .54-.145a2.7 2.7 0 0 1 .6.762a1.68 1.68 0 0 1 .272 1.632c-.231.586-.567.692-.726 1.317a3.5 3.5 0 0 0-.089 1.139a2.96 2.96 0 0 0 .966 1.66Zm-4.066-7.963l2.908.588l7.406-.372l-1.612-.666Zm2.95.422l-1.807-.328l.612-.029l1.722.329Zm.761-.04l-1.717-.328l.819-.038l1.491.337Zm.8-.041l-1.489-.336l.79-.037l1.475.333Zm.982-.051l-1.471-.332l.933-.044l1.226.34Zm.901-.046l-1.222-.34l.917-.043l1.063.344Zm.915-.047l-1.06-.344l.8-.037l1.051.339Zm.947-.05l-1.05-.338l.624-.03l1.042.336Zm.773-.039l-1.039-.337l.624-.029l.9.34Zm-.115-1.13l-.119.447l1.745.78l.098-.386l-1.374-.708Zm-.14-.042a31.6 31.6 0 0 0-8.963.6s.056.217.11.37l8.734-.483a2.4 2.4 0 0 0 .119-.487m-.903-4.723l-.127-.051Zm5.857 5.466a19 19 0 0 0-4.849-1.2l-.052-3.881l-.956-.38v4.136l-.126-.015V4.85l-4.584.234l-.034 3.913a.02.02 0 0 1-.008.014l-.343.036c-3.531.395-6.853 1.39-7.953 2.294c-.02.016 0 .051 0 .077l3.441.3l1.113-.414l.869-.294l.385-.119l-.774-.189l-.165-.533a28.1 28.1 0 0 1 9.243-.6a9 9 0 0 1 1.742.875l3.506.709l.561.168H22a8 8 0 0 0-1.086-.954"/></svg>How to use the Cooker Extract On icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:cooker-extract-on" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:cooker-extract-on" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:cooker-extract-on" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--cooker-extract-on]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:cooker-extract-on"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:cooker-extract-on"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/cooker-extract-on.svg" alt="Cooker Extract On icon" width="24" height="24">Related icons in Custom Brand Icons
Cooker Extract On icon FAQ
Is the Cooker Extract On icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Cooker Extract On icon in React?
Install @iconify/react and render <Icon icon="cbi:cooker-extract-on" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cooker Extract On icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/cooker-extract-on.svg" alt="Cooker Extract On icon">, or paste the SVG code inline to style it with CSS.