Icono Bun Light
skill-icons:bun-light
El icono Bun Light (skill-icons:bun-light) es un icono SVG gratuito de la colección Skill Icons de tandpfun. Está dibujado en una cuadrícula de 256 × 256. Skill Icons se publican bajo la licencia MIT, 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
- Skill Icons
- Autor
- tandpfun
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- bunlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#000" d="M206.709 91.241c-.405-.43-.836-.86-1.266-1.266c-.431-.405-.836-.86-1.266-1.265c-.43-.406-.835-.861-1.266-1.266c-.43-.405-.835-.861-1.266-1.266c-.43-.405-.835-.86-1.265-1.266c-.431-.405-.836-.86-1.266-1.266c-.431-.405-.836-.86-1.266-1.266a67 67 0 0 1 20.025 46.735c0 41.949-42.582 76.076-94.937 76.076c-29.316 0-55.544-10.709-72.987-27.494l1.266 1.266l1.266 1.266l1.265 1.265l1.266 1.266l1.266 1.266l1.266 1.266l1.266 1.266c17.418 17.493 44.228 28.759 74.253 28.759c52.354 0 94.937-34.126 94.937-75.949c0-17.874-7.696-34.81-21.291-48.127"/><path fill="#fbf0df" d="M211.544 129.114c0 38.506-39.67 69.722-88.607 69.722s-88.608-31.216-88.608-69.722c0-23.873 15.19-44.962 38.532-57.468s37.873-25.317 50.076-25.317c12.202 0 22.633 10.456 50.076 25.317c23.342 12.506 38.531 33.595 38.531 57.468"/><path fill="#f6dece" d="M211.544 129.114a54.8 54.8 0 0 0-2.025-14.633c-6.911 84.304-109.747 88.354-150.177 63.139a101.27 101.27 0 0 0 63.595 21.215c48.861 0 88.607-31.265 88.607-69.721"/><path fill="#fffefc" d="M88.836 67.013c11.316-6.785 26.354-19.52 41.139-19.545a23.5 23.5 0 0 0-7.038-1.139c-6.127 0-12.658 3.165-20.886 7.924c-2.861 1.671-5.823 3.52-8.962 5.443c-5.9 3.646-12.659 7.772-20.254 11.899c-24.1 13.038-38.506 34.532-38.506 57.519v3.013c15.342-54.203 43.215-58.33 54.506-65.114"/><path fill="#ccbea7" fill-rule="evenodd" d="M115.645 52.734a41.53 41.53 0 0 1-14.253 31.57c-.709.633-.152 1.848.76 1.493c8.531-3.316 20.05-13.24 15.19-33.265c-.203-1.14-1.697-.836-1.697.202m5.747 0a41.12 41.12 0 0 1 4.076 34.101c-.304.887.785 1.646 1.393.912c5.544-7.089 10.379-21.165-4.102-36.355c-.734-.658-1.873.355-1.367 1.24zm6.988-.43a41.56 41.56 0 0 1 17.341 29.772a.837.837 0 0 0 1.646.278c2.329-8.835 1.013-23.898-18.152-31.721c-1.013-.405-1.671.962-.835 1.57zM81.645 78.633a42.9 42.9 0 0 0 26.507-22.785c.455-.911 1.899-.557 1.671.456c-4.38 20.253-19.038 24.48-28.152 23.924c-.962.025-.937-1.317-.026-1.595" clip-rule="evenodd"/><path fill="#000" d="M122.937 205.19C70.582 205.19 28 171.063 28 129.114c0-25.316 15.646-48.937 41.848-63.089c7.595-4.05 14.101-8.126 19.899-11.696a530 530 0 0 1 9.114-5.544C107.747 43.519 115.342 40 122.937 40s14.228 3.038 22.531 7.95c2.532 1.442 5.064 3.012 7.773 4.734c6.303 3.898 13.417 8.303 22.784 13.341c26.203 14.152 41.849 37.747 41.849 63.089c0 41.949-42.583 76.076-94.937 76.076m0-158.86c-6.127 0-12.658 3.164-20.886 7.923c-2.861 1.671-5.823 3.52-8.962 5.443c-5.9 3.646-12.659 7.772-20.254 11.899c-24.1 13.038-38.506 34.532-38.506 57.519c0 38.456 39.747 69.747 88.608 69.747s88.607-31.291 88.607-69.747c0-22.987-14.405-44.481-38.531-57.468c-9.57-5.064-17.038-9.823-23.089-13.57c-2.759-1.696-5.291-3.266-7.595-4.658c-7.671-4.557-13.266-7.089-19.392-7.089"/><path fill="#b71422" d="M140.785 147.596a22.6 22.6 0 0 1-7.392 11.924a17.24 17.24 0 0 1-10.127 4.759a17.3 17.3 0 0 1-10.456-4.759a22.6 22.6 0 0 1-7.291-11.924a1.82 1.82 0 0 1 .51-1.522a1.82 1.82 0 0 1 1.515-.529h31.241a1.82 1.82 0 0 1 1.498.54a1.83 1.83 0 0 1 .502 1.511"/><path fill="#ff6164" d="M112.81 159.722a17.5 17.5 0 0 0 10.431 4.81a17.5 17.5 0 0 0 10.405-4.81a27 27 0 0 0 2.531-2.709a17.27 17.27 0 0 0-12.405-5.848a15.56 15.56 0 0 0-12.658 7.038c.582.531 1.089 1.038 1.696 1.519"/><path fill="#000" d="M113.215 157.722a13.57 13.57 0 0 1 10.608-5.266a15.2 15.2 0 0 1 10.127 4.278a40 40 0 0 0 1.67-1.949a17.72 17.72 0 0 0-11.924-4.886a16.1 16.1 0 0 0-12.379 5.975q.898.976 1.898 1.848"/><path fill="#000" d="M123.165 165.798a18.8 18.8 0 0 1-11.266-5.064a24.1 24.1 0 0 1-7.873-12.784a3.04 3.04 0 0 1 .658-2.532a3.57 3.57 0 0 1 2.861-1.291h31.24a3.64 3.64 0 0 1 2.861 1.291a3.02 3.02 0 0 1 .633 2.532a24.1 24.1 0 0 1-7.874 12.784a18.78 18.78 0 0 1-11.24 5.064m-15.62-18.735c-.406 0-.507.178-.532.228a21 21 0 0 0 6.911 11.064a15.77 15.77 0 0 0 9.241 4.43a15.9 15.9 0 0 0 9.24-4.38a21 21 0 0 0 6.886-11.063a.53.53 0 0 0-.506-.228z"/><path fill="#febbd0" d="M161.469 149.164c8.179 0 14.81-3.899 14.81-8.709s-6.631-8.708-14.81-8.708s-14.81 3.899-14.81 8.708s6.63 8.709 14.81 8.709m-76.633 0c8.18 0 14.81-3.899 14.81-8.709s-6.63-8.708-14.81-8.708s-14.81 3.899-14.81 8.708s6.63 8.709 14.81 8.709"/><path fill="#000" fill-rule="evenodd" d="M91.798 136.962a13.948 13.948 0 0 0 13.71-16.655a13.95 13.95 0 1 0-13.71 16.655m62.709 0a13.95 13.95 0 0 0 12.959-8.541a13.949 13.949 0 1 0-26.807-5.409a13.92 13.92 0 0 0 13.848 13.95" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M87.494 123.898a5.243 5.243 0 0 0 3.74-8.937a5.241 5.241 0 1 0-3.74 8.937m62.709 0a5.25 5.25 0 0 0 4.86-3.217a5.25 5.25 0 0 0-1.12-5.72a5.243 5.243 0 0 0-8.07.783a5.24 5.24 0 0 0 .623 6.593a5.24 5.24 0 0 0 3.656 1.561z" clip-rule="evenodd"/></g></svg>Cómo usar el icono Bun Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:bun-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:bun-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:bun-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--bun-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:bun-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:bun-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/bun-light.svg" alt="Icono Bun Light" width="24" height="24">Iconos relacionados en Skill Icons
El icono Bun Light en otras colecciones
Preguntas frecuentes sobre Icono Bun Light
¿El icono Bun Light es gratis para uso comercial?
Sí. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Bun Light en React?
Instala @iconify/react y renderiza <Icon icon="skill-icons:bun-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bun Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/skill-icons/bun-light.svg" alt="Icono Bun Light">, o pega el código SVG en línea para darle estilo con CSS.