Иконка Handbag Search Sharp Two Tone

keyline-icons:handbag-search-sharp-two-tone

Иконка Handbag Search Sharp Two Tone (keyline-icons:handbag-search-sharp-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: handbagsearch, searchsharp, sharptwo, twotone, handbagsearchsharptwotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M11 22L4 22C3.4477 22 3 21.5523 3 21L3 7C3 6.4477 3.4477 6 4 6L7.101 6C7.5762 3.672 9.624 2 12 2C14.376 2 16.4238 3.672 16.899 6L20 6C20.5523 6 21 6.4477 21 7L21 12L11 12L11 22ZM9.1716 6L14.8284 6C14.4046 4.8014 13.2713 4 12 4C10.7287 4 9.5954 4.8014 9.1716 6Z" clip-rule="evenodd" stroke="none"/><path d="M8 7C8 4.7909 9.7909 3 12 3C14.2091 3 16 4.7909 16 7M11 21L4 21L4 7L20 7L20 12M19 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.2678 19.2678L20.2929 21.2929"/></g></svg>

Как использовать иконку Handbag Search Sharp Two Tone

React

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

<Icon icon="keyline-icons:handbag-search-sharp-two-tone" width="24" />

Vue

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

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

Svelte

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

<Icon icon="keyline-icons:handbag-search-sharp-two-tone" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:handbag-search-sharp-two-tone"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:handbag-search-sharp-two-tone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/handbag-search-sharp-two-tone.svg" alt="Иконка Handbag Search Sharp Two Tone" width="24" height="24">

Вопросы и ответы: Иконка Handbag Search Sharp Two Tone

Можно ли бесплатно использовать иконку Handbag Search Sharp Two Tone в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Handbag Search Sharp Two Tone в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:handbag-search-sharp-two-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Handbag Search Sharp Two Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/handbag-search-sharp-two-tone.svg" alt="Иконка Handbag Search Sharp Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →