Lifesight Light icon
thesvg-color:lifesight-light
The Lifesight Light icon (thesvg-color:lifesight-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 237 × 66 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
- 237 × 66
- Tags
- lifesightlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="237" height="66" viewBox="0 0 237 66"><g fill="#fff"><path d="M237.001 50.882c-3.065.222-6.185.763-9.181-.166c-4.165-1.293-7.35-5.208-8.067-9.486l-.049-33.793l8.758-1.859v8.784h8.308v7.858h-8.308v16.99c0 .35.965 2.28 1.283 2.644c1.671 1.893 4.978 1.867 7.256 1.4zM0 7.427l8.77-1.849v45.304H0zM166.385 18.29v-3.93h8.308v36.637c0 2.635-2.375 7.077-4.147 9.021c-8.103 8.88-26.83 6.994-30.681-5.187l8.058-3.025c2.031 7.08 13.56 7.731 17.036 1.458c.245-.441.967-2.122.967-2.499v-5.663c-4.505 4.623-11.539 5.247-17.368 2.95c-14.502-5.716-14.488-28.024.235-33.402c6.333-2.314 12.85-1.288 17.597 3.64zm-10.895 3.305c-11.688 1.135-11.204 18.505-.526 19.576c14.857 1.49 14.105-20.895.526-19.576M86.078 34.936H59.885c-.443.316-.131 1.347-.007 1.858c1.999 8.236 13.655 9.796 17.809 2.515l6.785 3.134c.699.634-1.03 2.785-1.505 3.359c-3.56 4.308-10.006 6.204-15.462 5.771c-23.52-1.865-22.752-39.627 3.469-37.914c10.685.698 16.978 11.213 15.104 21.277m-9.231-6.472c-.362-9.14-13-10.496-16.427-2.238c-.233.564-.835 1.835-.304 2.238zM189.933 5.578v12.25c1.578-1.934 3.535-3.233 5.997-3.815c6.702-1.584 13.754.952 16.429 7.588c.335.832 1.112 3.19 1.112 3.97v25.311h-8.769V27.883c0-.39-.78-2.202-1.032-2.665c-2.656-4.884-10.239-4.93-12.856.081c-.208.398-.881 2.044-.881 2.353v23.23h-8.77V7.427zm-71.103 17.54l-6.321 3.01c-1.68-3.819-6.141-6.43-10.27-5.18c-2.58.781-3.948 3.855-1.597 5.767c2.26 1.835 8.186 2.632 11.144 3.862c11.027 4.581 8.839 18.364-2.607 20.666c-8.094 1.628-17.398-1.765-20.09-10.063l6.691-3.008c1.698 4.605 7.191 7.788 11.998 6.121c2.758-.957 3.722-4.357 1.235-6.081c-2.301-1.598-7.147-2.21-9.951-3.209c-3.898-1.389-7.724-4.555-8.124-8.968C89.607 11.27 111.98 9.703 118.121 21c.252.464.993 1.673.709 2.121z"/><path d="M48.925.261V7.89c-4.595-.883-9.305 1.065-8.308 6.472h8.077v7.512l-.346.347h-7.962V50.88h-8.538V10.085c0-.252.713-2.178.881-2.584C35.395 1.114 42.551-.76 48.925.26M24.686 14.362v36.174l-.346.347h-8.423V16.558zm108.006 0v36.52h-8.423l-.346-.346V16.558z"/></g></svg>How to use the Lifesight Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:lifesight-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:lifesight-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:lifesight-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--lifesight-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:lifesight-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:lifesight-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/lifesight-light.svg" alt="Lifesight Light icon" width="24" height="24">Lifesight Light icon FAQ
Is the Lifesight 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 Lifesight Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:lifesight-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lifesight Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/lifesight-light.svg" alt="Lifesight Light icon">, or paste the SVG code inline to style it with CSS.