Nowly Light icon
thesvg-color:nowly-light
The Nowly Light icon (thesvg-color:nowly-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 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
- 512 × 512
- Tags
- nowlylight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="#1a1a2e"><path d="M229.697.52c12.011-1.789 33.601 1.353 44.935 4.605c51.049 14.655 92.885 50.195 122.756 92.08c7.826 10.969 14.393 19.528 21.057 31.462c15.312 27.421 25.03 59.418 15.594 90.277c-10.122 33.301-36.719 52.318-68.078 66.098c-11.382 5.001-44.984 15.351-49.279 27.726c-2.164 12.355 16.64 9.284 22.832 8.18c41.919-7.482 82.944-55.654 126.409-48.12c36.866 6.388 51.813 51.361 44.108 82.969c-8.502 34.882-31.432 61.046-61.993 80.365c-18.712 11.435-39.789 18.752-61.736 21.437c-51.209 5.916-94.913-11.337-134.644-41.86c-26.08-20.035-49.451-47.822-30.362-80.959c12.671-21.291 39.507-35.972 63.132-44.86c34.492-12.978 63.574-37.359 37.999-74.285c-17.696-23.993-48.209-31.451-76.027-37.86c-44.772-10.316-106.746-24.911-113.095-78.058c-2.613-21.873 7.3-45.22 21.577-61.834C173.738 15.938 200.509 3.19 229.697.52"/><path d="M123.653 155.733c31.35-1.035 48.291 23.376 54.987 50.003c11.459 45.567-10.031 87.976.212 133.496c8.238 36.618 30.72 59.904 50.314 90.72c7.598 12.511 13.985 30.367 9.033 44.968c-15.269 45.016-72.44 40.43-108.881 30.476c-27.15-7.274-55.908-21.611-77.577-39.274c-30.206-24.621-47.8-51.318-51.073-90.616c-5.369-64.443 22.15-135.125 64.07-184.612c14.417-17.018 35.532-33.405 58.915-35.161"/></g></svg>How to use the Nowly Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nowly-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nowly-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nowly-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nowly-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nowly-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:nowly-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/nowly-light.svg" alt="Nowly Light icon" width="24" height="24">Related icons in theSVG Color
Nowly Light icon FAQ
Is the Nowly 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 Nowly Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:nowly-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nowly Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/nowly-light.svg" alt="Nowly Light icon">, or paste the SVG code inline to style it with CSS.