أيقونة Filter Close Outline

solar:filter-close-outline

أيقونة Filter Close Outline (solar:filter-close-outline) أيقونة 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، closeoutline، filtercloseoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.0137 2.25C14.4278 2.25007 14.7637 2.58583 14.7637 3C14.7637 3.41417 14.4278 3.74994 14.0137 3.75H5.00001C4.27315 3.75 3.79881 3.75171 3.44825 3.7959C3.11459 3.83799 3.00784 3.90674 2.95215 3.95899C2.90325 4.0049 2.83855 4.08619 2.79688 4.37696C2.75138 4.69462 2.75001 5.12873 2.75001 5.81446V6.50488C2.75001 7.03879 2.75081 7.38276 2.77833 7.64844C2.80392 7.89553 2.84788 8.01473 2.90137 8.10352C2.95653 8.19493 3.04868 8.29806 3.27051 8.45215C3.5042 8.61446 3.82317 8.79553 4.30958 9.06934L7.22266 10.709C7.82571 11.0485 8.22932 11.2708 8.5293 11.5313C9.12062 12.0446 9.50045 12.6681 9.66895 13.4238C9.75494 13.8095 9.75 14.2445 9.75 14.873V17.542C9.75 18.014 9.75105 18.3048 9.77637 18.5234C9.79928 18.7211 9.8355 18.7881 9.86329 18.8272C9.89361 18.8698 9.95417 18.9338 10.1523 19.0361C10.3647 19.1458 10.6571 19.2618 11.1191 19.4424C12.0801 19.8181 12.727 20.0682 13.2168 20.1846C13.6952 20.2981 13.853 20.2395 13.9346 20.1885C14.0025 20.146 14.1075 20.0593 14.1758 19.626C14.2479 19.1686 14.25 18.523 14.25 17.542V14.873C14.25 14.2445 14.2451 13.8095 14.3311 13.4238C14.4996 12.6681 14.8794 12.0446 15.4707 11.5313C15.7835 11.2597 16.2578 11.2927 16.5293 11.6055C16.8008 11.9183 16.7669 12.3925 16.4541 12.6641C16.0967 12.9744 15.8922 13.3187 15.7959 13.75C15.7548 13.9345 15.75 14.1673 15.75 14.873V17.542C15.75 18.4703 15.7521 19.2576 15.6572 19.8594C15.5586 20.4849 15.3295 21.0847 14.7295 21.46C14.1433 21.8266 13.4977 21.7935 12.8701 21.6445C12.2536 21.4981 11.4908 21.1976 10.5732 20.8389C10.1405 20.6697 9.76187 20.523 9.46387 20.3691C9.15192 20.2081 8.86227 20.0072 8.64063 19.6953C8.41661 19.3799 8.3262 19.0419 8.28614 18.6963C8.24851 18.3715 8.25001 17.9794 8.25001 17.542V14.873C8.25001 14.1673 8.24524 13.9345 8.20411 13.75C8.10786 13.3187 7.9033 12.9744 7.5459 12.6641C7.3902 12.5289 7.15709 12.3927 6.48731 12.0156L3.57422 10.376C3.11231 10.116 2.72048 9.89575 2.41504 9.6836C2.09771 9.46316 1.82163 9.21768 1.61719 8.87891C1.41127 8.53762 1.32539 8.18164 1.28614 7.80274C1.24882 7.44221 1.25 7.00816 1.25001 6.50488V5.81446C1.25 5.17368 1.24821 4.61277 1.31251 4.16406C1.38063 3.68866 1.53552 3.2315 1.92579 2.86524C2.30931 2.50541 2.77666 2.36861 3.25977 2.30762C3.72613 2.24879 4.31282 2.25 5.00001 2.25H14.0137Z"/><path d="M21.4697 3.50196C21.7626 3.2093 22.2384 3.20914 22.5313 3.50196C22.8235 3.79473 22.8235 4.26973 22.5313 4.5625L20.7627 6.33008L22.5313 8.09766C22.8238 8.39049 22.8238 8.86635 22.5313 9.15918C22.2384 9.45199 21.7626 9.45183 21.4697 9.15918L19.7022 7.39063L17.9346 9.15918C17.6418 9.45166 17.1669 9.45152 16.874 9.15918C16.5811 8.86629 16.5811 8.39055 16.874 8.09766L18.6416 6.33008L16.874 4.5625C16.5811 4.26961 16.5811 3.79484 16.874 3.50196C17.1669 3.20932 17.6418 3.20916 17.9346 3.50196L19.7022 5.26953L21.4697 3.50196Z"/></g></svg>

كيفية استخدام أيقونة Filter Close Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/filter-close-outline.svg" alt="أيقونة Filter Close Outline" width="24" height="24">

أيقونات ذات صلة في Solar

الأسئلة الشائعة حول أيقونة Filter Close Outline

هل أيقونة Filter Close Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Filter Close Outline في React؟

ثبّت @iconify/react واعرض <Icon icon="solar:filter-close-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Filter Close Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/solar/filter-close-outline.svg" alt="أيقونة Filter Close Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Solar →