Иконка Search 2 List Fill

keyline-icons:search-2-list-fill

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

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

Скачать 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="M20 11C20 15.9706 15.9706 20 11 20C6.0294 20 2 15.9706 2 11C2 6.0294 6.0294 2 11 2C15.9706 2 20 6.0294 20 11ZM8.8 10L11.2 10C11.7523 10 12.2 9.5523 12.2 9C12.2 8.4477 11.7523 8 11.2 8L8.8 8C8.2477 8 7.8 8.4477 7.8 9C7.8 9.5523 8.2477 10 8.8 10ZM8.8 14L13.2 14C13.7523 14 14.2 13.5523 14.2 13C14.2 12.4477 13.7523 12 13.2 12L8.8 12C8.2477 12 7.8 12.4477 7.8 13C7.8 13.5523 8.2477 14 8.8 14Z" clip-rule="evenodd" stroke="none"/><path d="M17 17L21 21"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →