Eyedropper icon
cil:eyedropper
The Eyedropper icon (cil:eyedropper) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free 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
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M19.409 431.289v41.468a24.124 24.124 0 0 0 24.1 24.1h33.368a149.45 149.45 0 0 0 106.373-44.065l200.716-200.717l55.846 56.069l22.671-22.582l-55.889-56.114l1.287-1.288l-.021-.02l63.287-63.287a84.853 84.853 0 0 0 0-120l-4-4a84.85 84.85 0 0 0-120 0l-64.326 64.326L230.947 53.1l-22.672 22.58L260.387 128L63.471 324.916a149.45 149.45 0 0 0-44.062 106.373M369.774 63.48a52.854 52.854 0 0 1 74.747 0l4 4a52.913 52.913 0 0 1 0 74.745L387.147 203.6L308.4 124.853Zm-85.72 86.107l78.573 78.573l-69.176 69.176v-.483H136.788ZM104.788 328.853h157.147L160.623 430.165a117.66 117.66 0 0 1-83.746 34.688H51.409v-33.564A117.66 117.66 0 0 1 86.1 347.543Z"/></svg>
How to use the Eyedropper icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:eyedropper" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:eyedropper" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:eyedropper" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--eyedropper]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:eyedropper"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:eyedropper"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/eyedropper.svg" alt="Eyedropper icon" width="24" height="24">
Eyedropper icon in other icon sets
Eyedropper icon FAQ
Is the Eyedropper icon free for commercial use?
Yes. CoreUI Free 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 Eyedropper icon in React?
Install @iconify/react and render <Icon icon="cil:eyedropper" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Eyedropper icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/eyedropper.svg" alt="Eyedropper icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
