ICONYZ
Русский
Иконка Filter Solid из набора Clarity

Иконка Filter Solid

clarity:filter-solid

Иконка Filter Solid (clarity:filter-solid) — бесплатная SVG-иконка из набора Clarity от VMware. Она нарисована на сетке 36 × 36. Clarity icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Clarity
Автор
VMware
Лицензия
MIT
Размер
36 × 36
Категория
Основные
Теги
filtersolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M22 33V19.5L33.47 8A1.8 1.8 0 0 0 34 6.7V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1.67a1.8 1.8 0 0 0 .53 1.27L14 19.58v10.2Z" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M33.48 4h-31a.52.52 0 0 0-.48.52v1.72a1.33 1.33 0 0 0 .39.95l12 12v10l7.25 3.61V19.17l12-12a1.35 1.35 0 0 0 .36-.91V4.52a.52.52 0 0 0-.52-.52" class="clr-i-solid clr-i-solid-path-1"/><path fill="none" d="M0 0h36v36H0z"/></svg>

Как использовать иконку Filter Solid

React

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

<Icon icon="clarity:filter-solid" width="24" />

Vue

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

<template>
  <Icon icon="clarity:filter-solid" width="24" />
</template>

Svelte

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

<Icon icon="clarity:filter-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--filter-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:filter-solid"></div>

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

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

<iconify-icon icon="clarity:filter-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/clarity/filter-solid.svg" alt="Иконка Filter Solid" width="24" height="24">

Похожие иконки в наборе Clarity

Иконка filter-2-line
filter-2-line
 Иконка filter-grid-circle-line
filter-grid-circle-line
 Иконка filter-grid-circle-solid
filter-grid-circle-solid
 Иконка filter-grid-line
filter-grid-line
 Иконка filter-grid-solid
filter-grid-solid
 Иконка filter-line
filter-line
 Иконка filter-off-line
filter-off-line
 Иконка filter-off-solid
filter-off-solid

Иконка Filter Solid в других наборах

Иконка Filter Solid из набора Basil
Basil
 Иконка Filter Solid из набора Flowbite Icons
Flowbite Icons
 Иконка Filter Solid из набора Fluent UI MDL2
Fluent UI MDL2
 Иконка Filter Solid из набора Iconoir
Iconoir
 Иконка Filter Solid из набора Myna UI Icons
Myna UI Icons
 Иконка Filter Solid из набора Pixel Icon
Pixel Icon
 Иконка Filter Solid из набора Rivet Icons
Rivet Icons
 Иконка Filter Solid из набора Stash Icons
Stash Icons
 Иконка Filter Solid из набора Teenyicons
Teenyicons

Вопросы и ответы: Иконка Filter Solid

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

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

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

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

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

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

Все Иконки Clarity →