Tianji Light icon

thesvg-color:tianji-light

The Tianji Light icon (thesvg-color:tianji-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: tianjilight

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><path fill="#000" d="M257.106 206.055c20.847.767 73.211-6.79 115.898-43.158a18266 18266 0 0 0 72.866 13.811c-56.227 33.375-147.454 91.494-188.764 91.494c-44.529 0-142.864-58.119-203.472-91.494c12.163-2.11 44.9-7.826 78.544-13.811c46.013 36.368 102.458 43.925 124.928 43.158"/><path fill="#d9d9d9" d="M257.106 289.493c13.197 0 46.13-1.496 90.653-18.99c-9.18 11.509-20.655 48.912-29.262 62.147c-20.655 28.772-44.408 46.495-61.391 59.845c-18.306-13.35-43.91-31.073-66.175-59.845c-9.277-13.235-21.646-50.638-31.541-62.147c47.992 17.494 84.52 18.99 97.716 18.99"/><path fill="#000" d="M375.299 235.402c12.814-2.685 40.392-8.747 48.195-11.509c-19.508 58.694-111.308 168.602-158.355 226.146l10.327-58.695s30.983-24.168 45.9-47.185c14.918-23.017 53.933-108.757 53.933-108.757"/><path fill="#000" d="M441.28 194.546c15.491 10.358 35.573 18.414 36.72 27.045c-15.491 21.867-82.62 93.796-82.62 93.796l31.556 22.442C370.135 378.685 310.465 411.485 265.139 465c0 0 84.915-109.908 107.865-140.406c65.819-87.466 68.276-130.048 68.276-130.048M257.106 48.386L273.745 34l51.064 17.839l27.54 107.606c-16.065 16.112-48.884 35.101-95.243 35.101c-49.971 0-85.347-18.989-102.664-35.101l29.686-107.606L239.171 34zM129.704 235.402c-13.812-2.685-43.54-8.747-51.95-11.509c21.027 58.694 119.98 168.602 170.694 226.146l-11.132-58.695s-33.397-24.168-49.477-47.185s-58.135-108.757-58.135-108.757"/><path fill="#000" d="M58.581 194.546C41.883 204.904 20.237 212.96 19 221.591c16.698 21.867 89.058 93.796 89.058 93.796l-34.015 22.442C135.27 378.685 199.59 411.485 248.448 465c0 0-91.532-109.908-116.27-140.406c-70.948-87.466-73.597-130.048-73.597-130.048"/><path stroke="#fff" stroke-opacity=".5" stroke-width="2" d="M257.106 206.055c20.847.767 73.211-6.79 115.898-43.158a18266 18266 0 0 0 72.866 13.811c-56.227 33.375-147.454 91.494-188.764 91.494c-44.529 0-142.864-58.119-203.472-91.494c12.163-2.11 44.9-7.826 78.544-13.811c46.013 36.368 102.458 43.925 124.928 43.158Zm0 83.438c13.197 0 46.13-1.496 90.653-18.99c-9.18 11.509-20.655 48.912-29.262 62.147c-20.655 28.772-44.408 46.495-61.391 59.845c-18.306-13.35-43.91-31.073-66.175-59.845c-9.277-13.235-21.646-50.638-31.541-62.147c47.992 17.494 84.52 18.99 97.716 18.99Z"/><path stroke="#fff" stroke-opacity=".5" stroke-width="2" d="M375.299 235.402c12.814-2.685 40.392-8.747 48.195-11.509c-19.508 58.694-111.308 168.602-158.355 226.146l10.327-58.695s30.983-24.168 45.9-47.185c14.918-23.017 53.933-108.757 53.933-108.757Z"/><path stroke="#fff" stroke-opacity=".5" stroke-width="2" d="M441.28 194.546c15.491 10.358 35.573 18.414 36.72 27.045c-15.491 21.867-82.62 93.796-82.62 93.796l31.556 22.442C370.135 378.685 310.465 411.485 265.139 465c0 0 84.915-109.908 107.865-140.406c65.819-87.466 68.276-130.048 68.276-130.048ZM257.106 48.386L273.745 34l51.064 17.839l27.54 107.606c-16.065 16.112-48.884 35.101-95.243 35.101c-49.971 0-85.347-18.989-102.664-35.101l29.686-107.606L239.171 34zM129.704 235.402c-13.812-2.685-43.54-8.747-51.95-11.509c21.027 58.694 119.98 168.602 170.694 226.146l-11.132-58.695s-33.397-24.168-49.477-47.185s-58.135-108.757-58.135-108.757Z"/><path stroke="#fff" stroke-opacity=".5" stroke-width="2" d="M58.581 194.546C41.883 204.904 20.237 212.96 19 221.591c16.698 21.867 89.058 93.796 89.058 93.796l-34.015 22.442C135.27 378.685 199.59 411.485 248.448 465c0 0-91.532-109.908-116.27-140.406c-70.948-87.466-73.597-130.048-73.597-130.048Z"/></g></svg>

How to use the Tianji Light icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:tianji-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:tianji-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:tianji-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tianji-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tianji-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:tianji-light"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/tianji-light.svg" alt="Tianji Light icon" width="24" height="24">

Related icons in theSVG Color

Tianji Light icon in other icon sets

Tianji Light icon FAQ

Is the Tianji 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 Tianji Light icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:tianji-light" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tianji Light icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/tianji-light.svg" alt="Tianji Light icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →