Иконка Search 2 Sparkles

keyline-icons:search-2-sparkles

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

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: searchsparkles, sparkle

Скачать 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17 17L21 21M10 3.06189C10.3276 3.02104 10.6613 3 11 3C15.4183 3 19 6.5817 19 11C19 15.4183 15.4183 19 11 19C6.5817 19 3 15.4183 3 11C3 10.6613 3.02104 10.3276 3.06189 10"/><path fill="currentColor" d="M10.4508 7.37388L9.86266 8.86478C9.68269 9.32133 9.32133 9.68269 8.86479 9.86266L7.37388 10.4508C7.14821 10.5397 7 10.7576 7 11C7 11.2424 7.14821 11.4603 7.37388 11.5492L8.86479 12.1373C9.32133 12.3173 9.68269 12.6787 9.86266 13.1352L10.4508 14.6261C10.5397 14.8518 10.7576 15 11 15C11.2424 15 11.4603 14.8518 11.5492 14.6261L12.1373 13.1352C12.3173 12.6787 12.6787 12.3173 13.1352 12.1373L14.6261 11.5492C14.8518 11.4603 15 11.2424 15 11C15 10.7576 14.8518 10.5397 14.6261 10.4508L13.1352 9.86266C12.6787 9.68269 12.3173 9.32133 12.1373 8.86478L11.5492 7.37388C11.4603 7.14821 11.2424 7 11 7C10.7576 7 10.5397 7.14821 10.4508 7.37388ZM4.15672 2.23367L3.78916 3.16549C3.67668 3.45083 3.45083 3.67668 3.16549 3.78916L2.23367 4.15672C2.09263 4.2123 2 4.34847 2 4.5C2 4.65153 2.09263 4.7877 2.23367 4.84328L3.16549 5.21084C3.45083 5.32332 3.67668 5.54917 3.78916 5.83451L4.15672 6.76633C4.2123 6.90737 4.34847 7 4.5 7C4.65153 7 4.7877 6.90737 4.84328 6.76633L5.21084 5.83451C5.32332 5.54917 5.54917 5.32332 5.83451 5.21084L6.76633 4.84328C6.90737 4.7877 7 4.65153 7 4.5C7 4.34847 6.90737 4.2123 6.76633 4.15672L5.83451 3.78916C5.54917 3.67668 5.32332 3.45083 5.21084 3.16549L4.84328 2.23367C4.7877 2.09263 4.65153 2 4.5 2C4.34847 2 4.2123 2.09263 4.15672 2.23367Z" stroke="none"/></g></svg>

Как использовать иконку Search 2 Sparkles

React

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

<Icon icon="keyline-icons:search-2-sparkles" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:search-2-sparkles" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:search-2-sparkles" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:search-2-sparkles"></div>

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

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

<iconify-icon icon="keyline-icons:search-2-sparkles"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/search-2-sparkles.svg" alt="Иконка Search 2 Sparkles" width="24" height="24">

Вопросы и ответы: Иконка Search 2 Sparkles

Можно ли бесплатно использовать иконку Search 2 Sparkles в коммерческих проектах?

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

Как использовать иконку Search 2 Sparkles в React?

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

Как добавить иконку Search 2 Sparkles на веб-страницу?

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

Все Keyline Icons →