Handbag Search Duotone icon
keyline-icons:handbag-search-duotone
The Handbag Search Duotone icon (keyline-icons:handbag-search-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- handbagsearch, searchduotone, handbagsearchduotone
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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M9.1704 6L14.8296 6C14.4052 4.8013 13.2716 4 12 4C10.7284 4 9.5948 4.8013 9.1704 6ZM16.8998 6L17 6C19.2092 6 21 7.7908 21 10L21 11C21 11.5523 20.5523 12 20 12L14 12C12.3431 12 11 13.3431 11 15L11 21C11 21.5523 10.5523 22 10 22L7 22C4.7908 22 3 20.2092 3 18L3 10C3 7.7908 4.7908 6 7 6L7.1002 6C7.5758 3.672 9.6239 2 12 2C14.3761 2 16.4242 3.672 16.8998 6Z" clip-rule="evenodd" stroke="none"/><path d="M19 17.5C19 18.8807 17.8807 20 16.5 20C15.1193 20 14 18.8807 14 17.5C14 16.1193 15.1193 15 16.5 15C17.8807 15 19 16.1193 19 17.5ZM18.5 19.5L20 21"/></g></svg>How to use the Handbag Search Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:handbag-search-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:handbag-search-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:handbag-search-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--handbag-search-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:handbag-search-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:handbag-search-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/handbag-search-duotone.svg" alt="Handbag Search Duotone icon" width="24" height="24">Related icons in Keyline Icons
Handbag Search Duotone icon FAQ
Is the Handbag Search Duotone icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Handbag Search Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:handbag-search-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Handbag Search Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/handbag-search-duotone.svg" alt="Handbag Search Duotone icon">, or paste the SVG code inline to style it with CSS.