Иконка File Search Outline

solar:file-search-outline

Иконка File Search Outline (solar:file-search-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Теги: filesearch, searchoutline, filesearchoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M9 11.25C11.0711 11.25 12.75 12.929 12.75 15C12.75 15.7627 12.521 16.4724 12.1299 17.0645L13.0312 17.9707C13.3233 18.2642 13.3226 18.7391 13.0293 19.0313C12.7358 19.3233 12.2609 19.3226 11.9688 19.0293L11.0693 18.126C10.4762 18.5193 9.76493 18.75 9 18.75C6.92893 18.75 5.25 17.0711 5.25 15C5.25 12.929 6.92893 11.25 9 11.25ZM9 12.75C7.75736 12.75 6.75 13.7574 6.75 15C6.75 16.2427 7.75736 17.25 9 17.25C9.62287 17.25 10.1855 16.9975 10.5938 16.5879C11 16.1802 11.25 15.6201 11.25 15C11.25 13.7574 10.2426 12.75 9 12.75Z"/><path d="M10.1758 1.25002C11.5602 1.24965 12.4551 1.24954 13.2783 1.56545C14.1014 1.88141 14.7632 2.47746 15.7871 3.39944C15.8224 3.43123 15.8583 3.46355 15.8945 3.49612L19.8535 7.05959C19.8956 7.09744 19.9375 7.13498 19.9785 7.1719C21.1618 8.23624 21.9271 8.9245 22.3389 9.84866C22.7505 10.773 22.7505 11.8028 22.75 13.3946V14.0567C22.75 15.8943 22.7498 17.3501 22.5967 18.4893C22.439 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.4391 18.4893 22.5967C17.3501 22.7499 15.8943 22.75 14.0566 22.75H9.94336C8.10571 22.75 6.64991 22.7499 5.51074 22.5967C4.33844 22.4391 3.38991 22.1067 2.6416 21.3584C1.8933 20.6101 1.56096 19.6616 1.40332 18.4893C1.25016 17.3501 1.24998 15.8943 1.25 14.0567V9.94338C1.24998 8.10575 1.25016 6.64992 1.40332 5.51077C1.56097 4.33848 1.8933 3.38992 2.6416 2.64163C3.39047 1.89277 4.34217 1.56083 5.51856 1.40334C6.66251 1.25024 8.12582 1.25001 9.97363 1.25002H10.1758ZM10.0303 2.75002C8.11359 2.75002 6.75067 2.75143 5.71777 2.88967C4.70594 3.0251 4.12477 3.27957 3.70215 3.70217C3.27894 4.12538 3.02491 4.70487 2.88965 5.71096C2.75149 6.73861 2.75 8.09326 2.75 10V14C2.75 15.9068 2.7515 17.2614 2.88965 18.2891C3.02491 19.2952 3.27895 19.8747 3.70215 20.2979C4.12536 20.7211 4.70485 20.9751 5.71094 21.1104C6.73859 21.2485 8.09324 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8746 20.7211 20.2979 20.2979C20.721 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V13.5625C21.25 12.0268 21.2392 11.2987 21.0762 10.75H17.9463C16.8136 10.75 15.888 10.7496 15.1572 10.6514C14.3933 10.5487 13.7308 10.3266 13.2021 9.79788C12.6735 9.26919 12.4513 8.60674 12.3486 7.8428C12.2504 7.11199 12.25 6.1864 12.25 5.05374V2.83401C11.7897 2.75579 11.1621 2.75003 10.0303 2.75002ZM13.75 5.00002C13.75 6.19974 13.7517 7.02439 13.835 7.64358C13.9153 8.24099 14.0592 8.53382 14.2627 8.73733C14.4662 8.94083 14.759 9.08471 15.3564 9.16506C15.9756 9.24831 16.8003 9.25002 18 9.25002H20.0195C19.7231 8.96248 19.3428 8.61775 18.8496 8.17385L14.8916 4.61135C14.4062 4.17451 14.0446 3.85177 13.75 3.6094V5.00002Z"/></g></svg>

Как использовать иконку File Search Outline

React

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

<Icon icon="solar:file-search-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:file-search-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:file-search-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--file-search-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:file-search-outline"></div>

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

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

<iconify-icon icon="solar:file-search-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/file-search-outline.svg" alt="Иконка File Search Outline" width="24" height="24">

Иконка File Search Outline в других наборах

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

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Solar →