Иконка File Search

streamline-plump-color:file-search

Иконка File Search (streamline-plump-color:file-search) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Основы интерфейса
Теги: filesearch

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M33.604 8.294c-3.941-3.864-6.67-4.952-7.52-5.218A162 162 0 0 0 21 3c-6.264 0-10.566.32-13.248.627c-2.201.252-3.85 1.903-4.092 4.105C3.34 10.622 3 15.473 3 23s.341 12.378.66 15.268c.242 2.202 1.891 3.853 4.092 4.105C10.434 42.679 14.736 43 21 43q.794 0 1.545-.007A14.47 14.47 0 0 1 17.5 32c0-8.008 6.492-14.5 14.5-14.5h6.934a173 173 0 0 0-.062-1.993c-.351-.98-1.549-3.567-5.268-7.213"/><path fill="#fff" d="M40.885 36.594A9.96 9.96 0 0 0 42 32c0-5.523-4.477-10-10-10s-10 4.477-10 10s4.477 10 10 10c1.69 0 3.281-.42 4.677-1.159c.93 1.121 1.854 2.226 2.873 3.318c1.081 1.157 2.718 1.3 3.863.206a32 32 0 0 0 1.017-1.018c1.095-1.144.952-2.78-.206-3.862c-1.098-1.026-2.21-1.955-3.34-2.891Z"/><path fill="#8fbffa" d="M36 32a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/><path fill="#fff" d="M26.086 3.077c.852.268 3.58 1.358 7.516 5.217c3.72 3.646 4.917 6.234 5.268 7.214l.016.45c-2.087.311-5.841.072-8.69-.191a4.664 4.664 0 0 1-4.229-4.211c-.268-2.802-.506-6.466-.18-8.488z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M42 32a9.96 9.96 0 0 1-1.115 4.594c1.128.936 2.24 1.865 3.339 2.89c1.158 1.082 1.301 2.719.206 3.863a32 32 0 0 1-1.017 1.018c-1.145 1.095-2.782.951-3.863-.206c-1.02-1.092-1.943-2.197-2.873-3.318A9.96 9.96 0 0 1 32 42c-5.523 0-10-4.477-10-10s4.477-10 10-10s10 4.477 10 10m-10 4a4 4 0 1 0 0-8a4 4 0 0 0 0 8" clip-rule="evenodd"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M21 43c-6.264 0-10.566-.32-13.248-.627c-2.201-.252-3.85-1.903-4.092-4.105C3.34 35.378 3 30.527 3 23s.341-12.378.66-15.268C3.902 5.53 5.55 3.88 7.752 3.627C10.434 3.321 14.736 3 21 3q2.797.002 5.084.076c.85.266 3.579 1.354 7.52 5.218c3.719 3.646 4.917 6.233 5.268 7.213q.06 1.61.094 3.493"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M38.886 15.958c-2.087.311-5.841.072-8.69-.191a4.664 4.664 0 0 1-4.229-4.211c-.268-2.802-.506-6.466-.18-8.488"/></g></svg>

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

React

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

<Icon icon="streamline-plump-color:file-search" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:file-search" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:file-search" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--file-search]"></span>

UnoCSS

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

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

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

<iconify-icon icon="streamline-plump-color:file-search"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Plump color icons →