Handbag Search Fill icon

keyline-icons:handbag-search-fill

The Handbag Search Fill icon (keyline-icons:handbag-search-fill) 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, searchfill, handbagsearchfill

Download SVG

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-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 Fill icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:handbag-search-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:handbag-search-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:handbag-search-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--handbag-search-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:handbag-search-fill"></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-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/handbag-search-fill.svg" alt="Handbag Search Fill icon" width="24" height="24">

Related icons in Keyline Icons

Handbag Search Fill icon FAQ

Is the Handbag Search Fill 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 Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:handbag-search-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Handbag Search Fill 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-fill.svg" alt="Handbag Search Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →