Иконка Filter Close Bold Duotone

solar:filter-close-bold-duotone

Иконка Filter Close Bold Duotone (solar:filter-close-bold-duotone) — бесплатная 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
Категория: Интерфейс
Теги: filterclose, closebold, boldduotone, filtercloseboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.874 3.50177C16.5811 3.79466 16.5811 4.26943 16.874 4.56232L18.6415 6.3299L16.874 8.09748C16.5811 8.39037 16.5811 8.86611 16.874 9.159C17.1668 9.45133 17.6418 9.45148 17.9345 9.159L19.7021 7.39045L21.4697 9.159C21.7626 9.45165 22.2384 9.45181 22.5312 9.159C22.8238 8.86617 22.8238 8.39031 22.5312 8.09748L20.7626 6.3299L22.5312 4.56232C22.8235 4.26955 22.8235 3.79455 22.5312 3.50177C22.2384 3.20896 21.7626 3.20913 21.4697 3.50177L19.7021 5.26935L17.9345 3.50177C17.6417 3.20898 17.1669 3.20914 16.874 3.50177Z"/><path d="M2.43945 3.41211C2.00014 3.82429 2 4.48775 2 5.81445V6.50488C2 7.54239 2.00025 8.06111 2.25977 8.49121C2.51937 8.92139 2.99384 9.18869 3.94238 9.72266L6.85547 11.3623C7.49152 11.7204 7.80931 11.8999 8.03711 12.0977C8.51152 12.5095 8.80414 12.9934 8.93652 13.5869C8.99999 13.8716 9 14.2049 9 14.8701V17.542C9 18.4515 9.00003 18.9072 9.25195 19.2617C9.50388 19.616 9.95134 19.791 10.8457 20.1406C12.7243 20.875 13.6641 21.242 14.332 20.8242C14.9999 20.4064 15 19.4514 15 17.542V14.8701C15 14.2049 15 13.8716 15.0635 13.5869C15.1959 12.9934 15.4885 12.5095 15.9629 12.0977C16.1907 11.8999 16.5085 11.7204 17.1445 11.3623L18.5547 10.5684C18.5547 10.5684 16.692 11.0972 15.8135 10.2197C14.9348 9.34105 14.9348 7.91579 15.8135 7.03711L16.5205 6.33008L15.8135 5.62305C15.1035 4.91303 14.9668 3.8468 15.4043 3H5C3.5859 3 2.8788 3.00001 2.43945 3.41211Z" opacity=".5"/></g></svg>

Как использовать иконку Filter Close Bold Duotone

React

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

<Icon icon="solar:filter-close-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:filter-close-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:filter-close-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--filter-close-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:filter-close-bold-duotone"></div>

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

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

<iconify-icon icon="solar:filter-close-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/filter-close-bold-duotone.svg" alt="Иконка Filter Close Bold Duotone" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →