Icono Blur Circular
cil:blur-circular
El icono Blur Circular (cil:blur-circular) es un icono SVG gratuito de la colección CoreUI Free de creativeLabs Łukasz Holeczek. Está dibujado en una cuadrícula de 512 × 512. CoreUI Free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- CoreUI Free
- Autor
- creativeLabs Łukasz Holeczek
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- blurcircular
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 16A240 240 0 0 0 86.294 425.705A240 240 0 0 0 425.706 86.294A238.43 238.43 0 0 0 256 16m147.078 387.078c-81.1 81.1-213.058 81.1-294.157 0s-81.1-213.057 0-294.156a208.24 208.24 0 0 1 294.157 0c81.099 81.099 81.099 213.057 0 294.156"/><path fill="currentColor" d="M197.483 242.382a46.332 46.332 0 1 0-32.776-13.555a46.2 46.2 0 0 0 32.776 13.555M187.334 185.9a14.354 14.354 0 1 1 0 20.3a14.31 14.31 0 0 1 0-20.3m127.183 56.482a46.344 46.344 0 1 0-32.777-79.109a46.332 46.332 0 0 0 32.777 79.108Zm-10.15-56.482a14.354 14.354 0 1 1 0 20.3a14.37 14.37 0 0 1 0-20.3m-139.66 97.273a46.353 46.353 0 1 0 65.553 0a46.05 46.05 0 0 0-65.553 0m42.926 42.927a14.347 14.347 0 1 1 0-20.3a14.37 14.37 0 0 1 0 20.3m74.107-42.927a46.354 46.354 0 1 0 65.553 0a46.406 46.406 0 0 0-65.553 0m42.926 42.927a14.354 14.354 0 1 1 4.2-10.15a14.37 14.37 0 0 1-4.2 10.15"/><circle cx="314.517" cy="98.5" r="29.637" fill="currentColor" transform="rotate(-9.217 314.534 98.505)"/><circle cx="197.483" cy="98.5" r="29.637" fill="currentColor" transform="rotate(-9.217 197.493 98.505)"/><circle cx="314.517" cy="413.5" r="29.637" fill="currentColor" transform="rotate(-67.5 314.517 413.5)"/><circle cx="197.483" cy="413.5" r="29.637" fill="currentColor" transform="rotate(-67.5 197.483 413.5)"/><circle cx="413.5" cy="314.517" r="29.637" fill="currentColor" transform="rotate(-22.5 413.5 314.518)"/><circle cx="413.5" cy="197.483" r="29.637" fill="currentColor" transform="rotate(-58.283 413.496 197.483)"/><circle cx="98.5" cy="314.517" r="29.637" fill="currentColor"/><circle cx="98.5" cy="197.483" r="29.637" fill="currentColor"/></svg>Cómo usar el icono Blur Circular
React
import { Icon } from "@iconify/react";
<Icon icon="cil:blur-circular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:blur-circular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:blur-circular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--blur-circular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:blur-circular"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:blur-circular"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/cil/blur-circular.svg" alt="Icono Blur Circular" width="24" height="24">Iconos relacionados en CoreUI Free
El icono Blur Circular en otras colecciones
Preguntas frecuentes sobre Icono Blur Circular
¿El icono Blur Circular es gratis para uso comercial?
Sí. CoreUI Free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Blur Circular en React?
Instala @iconify/react y renderiza <Icon icon="cil:blur-circular" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Blur Circular a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cil/blur-circular.svg" alt="Icono Blur Circular">, o pega el código SVG en línea para darle estilo con CSS.