Uxanarangel Light icon
thesvg-color:uxanarangel-light
The Uxanarangel Light icon (thesvg-color:uxanarangel-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1491 × 970 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
- 1491 × 970
- Tags
- uxanarangellight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1491" height="970" viewBox="0 0 1491 970"><g fill="none"><path fill="#000" d="M350 340c-6-5-11-10-14-17c-3-12-1-24 2-35c7-19 18-36 28-53c11-18 25-34 39-50c27-33 59-61 93-87c36-28 75-52 119-65c24-7 49-10 73-5c47 10 77 54 70 104c-5 42-21 81-36 120l-53 127l-1 1l2 1l51-16l13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44c1 16-4 30-10 45c-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14c-12-7-18-19-20-32c-5-26-1-51 7-75c17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27c-14 14-32 13-44-1c-9-10-11-22-11-34c1-21 8-39 15-58c23-61 55-117 86-173l22-43c-30 6-59 12-87 22c-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228c-2 5-2 8 2 12l32 31c68 64 147 94 241 89c69-5 135-19 201-38c71-20 139-49 205-81c7-4 9-7 3-13c-10-10-14-22-15-35c-1-19 2-38 7-56l7-23c-19 15-35 30-52 45c-21 18-43 35-70 43c-36 11-70-5-83-41c-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64c-3-4-6-3-10-1c-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17c-3-10 1-20 12-26l40-19c4-2 7-4 7-10c-1-43 14-82 37-117c27-43 64-77 112-97c21-8 42-11 64-6c37 10 57 43 47 80c-5 20-16 38-29 53c-39 47-88 80-139 110c-5 4-11 6-16 9c-15 10-13 8-2 20c16 16 36 25 57 33c32 12 66 19 101 25l29 1c53 5 80 40 72 92c-5 36-19 69-34 102c-16 33-34 65-48 99c-8 20-13 40-11 62c0 7 2 8 8 4c62-37 122-76 167-133c14-18 26-37 30-60c5-27-4-47-28-61c-7-4-15-7-20-13c-7-7-10-15-6-24c5-9 13-12 22-11c8 0 15 3 22 6c50 27 69 78 52 136c-11 39-36 68-62 97c-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4c-32 5-65 8-98 10c-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1c-28 40-60 76-93 110c-33 33-69 59-113 74c-15 5-31 6-46 7c-14 1-28-1-41-4c-9-3-18-9-26-15c-27-18-38-45-43-76c-7-36 1-71 15-104c6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8c-26-29-51-60-86-80c-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21c-1-10 5-20 16-25c16-6 32-5 48-3a774 774 0 0 1 53 16a433 433 0 0 1 57 41l5 5l7 6l25 26l9 8l9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24l86-69c68-54 132-111 189-177c25-30 47-63 55-103c6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18m258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11c8-18 16-36 25-52M204 912l16-2c36-7 64-28 90-51c43-40 79-86 110-136c3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130c-12 27-21 55-16 85c3 24 16 36 41 36m828-288c0 22 4 25 21 18c18-8 33-21 47-34c41-38 79-80 116-121c21-24 42-46 58-73c11-18 4-30-18-30l-8 1c-19 2-36 10-52 20c-58 38-105 87-138 148c-13 23-24 47-26 71M553 461c-22 5-42 9-60 16c-50 18-88 53-127 86c-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111zm500-257c44-26 83-53 119-85c13-11 24-22 33-36c4-8 11-17 4-26c-6-8-17-5-26-3a198 198 0 0 0-130 150"/><path fill="url(#SVGhLQMNc3Y)" d="M1326 116c42 2 79 15 103 52c27 43 14 106-28 135c-7 5-15 9-23 10c-10 2-18-1-25-10c-6-8-6-17-3-26c3-7 9-12 14-17c8-8 17-16 22-26c11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20c-1-11 5-20 16-24l11-2c6-2 12-2 18-2"/><ellipse cx="29.1" cy="426.8" fill="url(#SVGjsf4FdVr)" rx="28.6" ry="27.8"/><defs><linearGradient id="SVGhLQMNc3Y" x1="1281.2" x2="1481.8" y1="115.6" y2="168" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc16f"/><stop offset="1" stop-color="#fa86ce"/></linearGradient><linearGradient id="SVGjsf4FdVr" x1="29.1" x2="29.1" y1="399" y2="454.5" gradientUnits="userSpaceOnUse"><stop stop-color="#2e58ff"/><stop offset="1" stop-color="#9452ff"/></linearGradient></defs></g></svg>How to use the Uxanarangel Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:uxanarangel-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:uxanarangel-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:uxanarangel-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--uxanarangel-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:uxanarangel-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:uxanarangel-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/uxanarangel-light.svg" alt="Uxanarangel Light icon" width="24" height="24">Related icons in theSVG Color
Uxanarangel Light icon FAQ
Is the Uxanarangel 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 Uxanarangel Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:uxanarangel-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Uxanarangel Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/uxanarangel-light.svg" alt="Uxanarangel Light icon">, or paste the SVG code inline to style it with CSS.