Icono Global Filters
carbon:global-filters
El icono Global Filters (carbon:global-filters) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M12.9 7c-.4-1.7-2-3-3.9-3S5.6 5.3 5.1 7H2v2h3.1c.4 1.7 2 3 3.9 3s3.4-1.3 3.9-3H30V7zM9 10c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m14 2c-1.9 0-3.4 1.3-3.9 3H2v2h17.1c.4 1.7 2 3 3.9 3s3.4-1.3 3.9-3H30v-2h-3.1c-.4-1.7-2-3-3.9-3m0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m-9 2c-1.9 0-3.4 1.3-3.9 3H2v2h8.1c.4 1.7 2 3 3.9 3s3.4-1.3 3.9-3H30v-2H17.9c-.4-1.7-2-3-3.9-3m0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2"/></svg>Cómo usar el icono Global Filters
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:global-filters" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:global-filters" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:global-filters" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--global-filters]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:global-filters"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:global-filters"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/global-filters.svg" alt="Icono Global Filters" width="24" height="24">Iconos relacionados en Carbon
Preguntas frecuentes sobre Icono Global Filters
¿El icono Global Filters es gratis para uso comercial?
Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Global Filters en React?
Instala @iconify/react y renderiza <Icon icon="carbon:global-filters" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Global Filters a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/global-filters.svg" alt="Icono Global Filters">, o pega el código SVG en línea para darle estilo con CSS.