Ícone Search Category Flat
streamline-flex-color:search-category-flat
O ícone Search Category Flat (streamline-flex-color:search-category-flat) é um ícone SVG gratuito da coleção Flex color icons de Streamline. Ele é desenhado em uma grade de 14 × 14. Flex color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Flex color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 14 × 14
- Categoria
- Interface essencial
- Tags
- searchcategory, categoryflat, searchcategoryflat
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M1.74.147C2.199.096 2.686.05 3.189.05c.502 0 .99.046 1.446.097a1.826 1.826 0 0 1 1.607 1.612c.049.455.092.938.092 1.436q-.001.354-.025.695a4.8 4.8 0 0 0-1.44.988a4.8 4.8 0 0 0-.987 1.437a10 10 0 0 1-.693.026c-.503 0-.99-.046-1.447-.097A1.826 1.826 0 0 1 .134 4.632a14 14 0 0 1-.092-1.437c0-.498.043-.981.092-1.436A1.826 1.826 0 0 1 1.74.147m1.735 7.512a9 9 0 0 0-.288-.005c-.502 0-.99.046-1.446.097A1.826 1.826 0 0 0 .134 9.363A14 14 0 0 0 .042 10.8c0 .498.043.982.092 1.437c.09.844.765 1.518 1.607 1.612a13 13 0 0 0 1.446.096a13 13 0 0 0 1.447-.096c.35-.04.67-.178.932-.387a4.7 4.7 0 0 1-.698-.576c-1.072-1.071-1.496-2.517-1.496-4.004a7 7 0 0 1 .103-1.223m9.987-2.069a1.8 1.8 0 0 0 .404-.958c.049-.455.092-.938.092-1.437c0-.498-.043-.981-.092-1.436A1.825 1.825 0 0 0 12.26.147A13 13 0 0 0 10.812.05c-.502 0-.99.046-1.446.097a1.826 1.826 0 0 0-1.607 1.612a14 14 0 0 0-.092 1.436q0 .145.004.286a7 7 0 0 1 1.201-.099c1.487 0 2.933.424 4.004 1.496q.333.333.586.712"/><path fill="#2859c5" d="M6.122 8.882c0-.982.274-1.643.69-2.06c.417-.416 1.078-.69 2.06-.69s1.643.274 2.06.69c.416.417.69 1.078.69 2.06s-.274 1.643-.69 2.06c-.417.416-1.078.69-2.06.69s-1.643-.274-2.06-.69c-.416-.417-.69-1.078-.69-2.06m2.75-4.25c-1.258 0-2.347.356-3.12 1.13s-1.13 1.862-1.13 3.12s.356 2.347 1.13 3.12s1.862 1.13 3.12 1.13c.965 0 1.83-.21 2.53-.656l1.254 1.254a.75.75 0 0 0 1.06-1.06l-1.253-1.254c.449-.7.66-1.567.66-2.534c0-1.258-.357-2.347-1.13-3.12c-.774-.774-1.863-1.13-3.12-1.13Z"/></g></svg>Como usar o ícone Search Category Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:search-category-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:search-category-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:search-category-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--search-category-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:search-category-flat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:search-category-flat"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/search-category-flat.svg" alt="Ícone Search Category Flat" width="24" height="24">Ícones relacionados em Flex color icons
Perguntas frequentes sobre Ícone Search Category Flat
O ícone Search Category Flat é grátis para uso comercial?
Sim. Flex color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Search Category Flat no React?
Instale @iconify/react e renderize <Icon icon="streamline-flex-color:search-category-flat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Search Category Flat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/search-category-flat.svg" alt="Ícone Search Category Flat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.