Иконка Search Check Fill

keyline-icons:search-check-fill

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

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

Скачать 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 fill="currentColor" fill-rule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.5817 18 2 14.4183 2 10C2 5.5817 5.5817 2 10 2C14.4183 2 18 5.5817 18 10ZM7.1617 11.1214L8.8115 12.8184C8.9998 13.012 9.2584 13.1213 9.5285 13.1213C9.8769 13.1213 10.2001 12.94 10.3818 12.6428L12.9746 8.4002C13.0705 8.2432 13.1213 8.0627 13.1213 7.8787C13.1213 7.3264 12.6736 6.8787 12.1213 6.8787C11.7729 6.8787 11.4497 7.06 11.268 7.3572L9.3472 10.5002L8.5957 9.7272C8.4074 9.5336 8.1488 9.4243 7.8787 9.4243C7.3264 9.4243 6.8787 9.872 6.8787 10.4243C6.8787 10.6846 6.9802 10.9347 7.1617 11.1214Z" clip-rule="evenodd" stroke="none"/><path d="M15 15L21 21"/></g></svg>

Как использовать иконку Search Check Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:search-check-fill"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Keyline Icons →