Icono Lens Blur
material-symbols:lens-blur
El icono Lens Blur (material-symbols:lens-blur) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols 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.
- Colección
- Material Symbols
- Autor
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Imágenes
- Etiquetas
- blur, camera, dim, dot, effect, foggy, fuzzy, image, lens, photo, soften, device, lensblur, len, lens blur sharp, lens blur rounded
Código 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>Cómo usar el icono Lens Blur
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:lens-blur" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:lens-blur" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:lens-blur" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--lens-blur]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:lens-blur"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:lens-blur"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/lens-blur.svg" alt="Icono Lens Blur" width="24" height="24">El icono Lens Blur en otras colecciones
Preguntas frecuentes sobre Icono Lens Blur
¿El icono Lens Blur es gratis para uso comercial?
Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Lens Blur en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols:lens-blur" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lens Blur a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/lens-blur.svg" alt="Icono Lens Blur">, o pega el código SVG en línea para darle estilo con CSS.