Whisk Line Duotone icon
solar:whisk-line-duotone
The Whisk Line Duotone icon (solar:whisk-line-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Food
- Tags
- whiskline, lineduotone, whisklineduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M19.816 12.236C22.3734 9.67866 22.7721 5.67503 20.5486 3.45154C18.325 1.22806 14.3212 1.62672 11.7638 4.18408C9.20632 6.74143 7.85713 11.6956 10.0807 13.9191C12.3042 16.1425 17.2585 14.7934 19.816 12.236Z"/><path d="M12.8991 15.127L6.85994 21.166C5.74816 22.2777 3.94561 22.2777 2.83383 21.166C1.72206 20.0543 1.72206 18.2518 2.83383 17.14L8.87299 11.1011" opacity=".5"/><path d="M20.5485 3.45144C21.7566 4.65951 19.0984 8.12279 17.3279 9.89327C15.5573 11.6637 11.2887 15.127 10.0806 13.919C8.87249 12.7109 12.3364 8.44297 14.107 6.67249C15.8775 4.90202 19.3404 2.24337 20.5485 3.45144Z" opacity=".5"/></g></svg>How to use the Whisk Line Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:whisk-line-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:whisk-line-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:whisk-line-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--whisk-line-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:whisk-line-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:whisk-line-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/whisk-line-duotone.svg" alt="Whisk Line Duotone icon" width="24" height="24">Related icons in Solar
Whisk Line Duotone icon FAQ
Is the Whisk Line Duotone icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Whisk Line Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:whisk-line-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whisk Line Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/whisk-line-duotone.svg" alt="Whisk Line Duotone icon">, or paste the SVG code inline to style it with CSS.