Bklit Light icon
thesvg-color:bklit-light
The Bklit Light icon (thesvg-color:bklit-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 256 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 256 × 256
- Tags
- bklitlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><mask id="SVGjOfF7bll" width="256" height="257" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="256" height="257" fill="url(#SVGXXamgd0K)" rx="64"/></mask><g mask="url(#SVGjOfF7bll)"><rect width="256" height="256" fill="#000" rx="20"/><path fill="url(#SVGmvbGh2Am)" d="M76.023 132.081s13.407-22.163 44.325-22.163c28.825 0 44.325 22.163 44.325 22.163s-13.552 22.163-44.325 22.162c-28.645 0-44.325-22.162-44.325-22.162"/><path fill="url(#SVGhdAaIN3D)" d="M175.754 165.325c0 26.776-20.771 55.406-55.406 55.406v-66.487s27.811 1.377 44.325-22.163c8.421 11.265 11.081 23.025 11.081 33.244"/><path fill="url(#SVGs3hwNfDz)" d="M64.941 165.325c0 26.776 20.771 55.406 55.407 55.406v-66.487s-25.934 1.45-44.325-22.163C67.6 143.346 64.94 155.106 64.94 165.325"/><path fill="url(#SVGa7DzOe8k)" d="M64.941 98.837c0-26.776 20.771-55.406 55.407-55.406v66.488s-27.812-1.378-44.325 22.162C67.6 120.816 64.94 109.056 64.94 98.837"/><path fill="url(#SVGfl8f1cgS)" d="M175.754 98.837c0-26.776-20.771-55.406-55.406-55.406v66.488s26.157-1.352 44.325 22.162c8.421-11.265 11.081-23.025 11.081-33.244"/></g></g><defs><linearGradient id="SVGXXamgd0K" x1="0" x2="256.998" y1="0" y2="255.998" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6363"/><stop offset="1" stop-color="#d72a2a"/></linearGradient><linearGradient id="SVGmvbGh2Am" x1="164.673" x2="76.023" y1="132.081" y2="132.081" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".483" stop-color="#fff" stop-opacity=".8"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGhdAaIN3D" x1="120.348" x2="175.754" y1="220.731" y2="110.095" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".5"/></linearGradient><linearGradient id="SVGs3hwNfDz" x1="120.348" x2="64.941" y1="220.731" y2="110.095" gradientUnits="userSpaceOnUse"><stop stop-color="#787878" stop-opacity="0"/><stop offset=".745" stop-color="#787878" stop-opacity=".5"/></linearGradient><linearGradient id="SVGa7DzOe8k" x1="120.348" x2="64.941" y1="43.431" y2="154.067" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".5"/></linearGradient><linearGradient id="SVGfl8f1cgS" x1="120.348" x2="175.754" y1="43.431" y2="154.067" gradientUnits="userSpaceOnUse"><stop stop-color="#787878" stop-opacity="0"/><stop offset=".75" stop-color="#787878" stop-opacity=".5"/></linearGradient><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>How to use the Bklit Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:bklit-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:bklit-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:bklit-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--bklit-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:bklit-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:bklit-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/bklit-light.svg" alt="Bklit Light icon" width="24" height="24">Related icons in theSVG Color
Bklit Light icon FAQ
Is the Bklit Light icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bklit Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:bklit-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bklit Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/bklit-light.svg" alt="Bklit Light icon">, or paste the SVG code inline to style it with CSS.