أيقونة Blur On

material-symbols:blur-on

أيقونة Blur On (material-symbols:blur-on) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Symbols
المؤلف: Google
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: الصور
الوسوم: blur، disabled، dots، edit، editing، effect، enabled، enhance، filter، off، on، slash، image، bluron، blur on sharp، blur on outline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.65 14.35Q2.5 14.2 2.5 14t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m0-4Q2.5 10.2 2.5 10t.15-.35T3 9.5t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m2.638 8.363Q5 18.425 5 18t.288-.712T6 17t.713.288T7 18t-.288.713T6 19t-.712-.288m0-4Q5 14.425 5 14t.288-.712T6 13t.713.288T7 14t-.288.713T6 15t-.712-.288m0-4Q5 10.426 5 10t.288-.712T6 9t.713.288T7 10t-.288.713T6 11t-.712-.288m0-4Q5 6.426 5 6t.288-.712T6 5t.713.288T7 6t-.288.713T6 7t-.712-.288m3.65 8.35Q8.5 14.626 8.5 14t.438-1.062T10 12.5t1.063.438T11.5 14t-.437 1.063T10 15.5t-1.062-.437m0-4Q8.5 10.625 8.5 10t.438-1.062T10 8.5t1.063.438T11.5 10t-.437 1.063T10 11.5t-1.062-.437m.35 7.65Q9 18.425 9 18t.288-.712T10 17t.713.288T11 18t-.288.713T10 19t-.712-.288m0-12Q9 6.425 9 6t.288-.712T10 5t.713.288T11 6t-.288.713T10 7t-.712-.288M9.65 21.35Q9.5 21.2 9.5 21t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m0-18Q9.5 3.2 9.5 3t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m3.288 11.713Q12.5 14.625 12.5 14t.438-1.062T14 12.5t1.063.438T15.5 14t-.437 1.063T14 15.5t-1.062-.437m0-4Q12.5 10.625 12.5 10t.438-1.062T14 8.5t1.063.438T15.5 10t-.437 1.063T14 11.5t-1.062-.437m.35 7.65Q13 18.425 13 18t.288-.712T14 17t.713.288T15 18t-.288.713T14 19t-.712-.288m0-12Q13 6.425 13 6t.288-.712T14 5t.713.288T15 6t-.288.713T14 7t-.712-.288m.362 14.638q-.15-.15-.15-.35t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m0-18Q13.5 3.2 13.5 3t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m3.638 15.363Q17 18.425 17 18t.288-.712T18 17t.713.288T19 18t-.288.713T18 19t-.712-.288m0-4Q17 14.425 17 14t.288-.712T18 13t.713.288T19 14t-.288.713T18 15t-.712-.288m0-4Q17 10.426 17 10t.288-.712T18 9t.713.288T19 10t-.288.713T18 11t-.712-.288m0-4Q17 6.426 17 6t.288-.712T18 5t.713.288T19 6t-.288.713T18 7t-.712-.288m3.362 7.638q-.15-.15-.15-.35t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15m0-4q-.15-.15-.15-.35t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15t-.35-.15"/></svg>

كيفية استخدام أيقونة Blur On

React

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

<Icon icon="material-symbols:blur-on" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:blur-on" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:blur-on" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--blur-on]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:blur-on"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:blur-on"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/blur-on.svg" alt="أيقونة Blur On" width="24" height="24">

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

أيقونة Blur On في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Blur On

هل أيقونة Blur On مجانية للاستخدام التجاري؟

نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Blur On في React؟

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

كيف أضيف أيقونة Blur On إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/blur-on.svg" alt="أيقونة Blur On">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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