Tianji Dark icon
thesvg-color:tianji-dark
The Tianji Dark icon (thesvg-color:tianji-dark) 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
- tianjidark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><rect width="512" height="512" fill="#fff" rx="84"/><path fill="#000" d="M264.241 214.99c19.962.735 70.104-6.501 110.98-41.319a17459 17459 0 0 0 69.775 13.222c-53.842 31.953-141.198 87.596-180.755 87.596c-42.64 0-136.802-55.643-194.84-87.596a20140 20140 0 0 0 75.212-13.222c44.061 34.818 98.111 42.054 119.628 41.319m0 79.883c12.636 0 44.172-1.432 86.806-18.18c-8.79 11.018-19.778 46.828-28.02 59.499c-19.778 27.546-42.524 44.515-58.786 57.296c-17.53-12.781-42.047-29.75-63.367-57.296c-8.884-12.671-20.728-48.481-30.203-59.499c45.956 16.748 80.934 18.18 93.57 18.18"/><path fill="#000" d="M264.241 294.873c12.636 0 44.172-1.432 86.806-18.18c-8.79 11.018-19.778 46.828-28.02 59.499c-19.778 27.546-42.524 44.515-58.786 57.296c-17.53-12.781-42.047-29.75-63.367-57.296c-8.884-12.671-20.728-48.481-30.203-59.499c45.956 16.748 80.934 18.18 93.57 18.18"/><path fill="#000" d="M377.419 243.087c12.27-2.571 38.678-8.374 46.15-11.018c-18.68 56.193-106.585 161.419-151.636 216.511l9.889-56.194s29.668-23.138 43.952-45.175c14.285-22.037 51.645-104.124 51.645-104.124"/><path fill="#000" d="M440.6 203.972c14.834 9.916 34.064 17.629 35.162 25.893c-14.834 20.935-79.114 89.8-79.114 89.8l30.217 21.486c-54.391 39.115-111.529 70.518-154.932 121.753c0 0 81.312-105.226 103.288-134.424c63.026-83.74 65.379-124.508 65.379-124.508M264.241 64.038l15.933-13.773l48.897 17.078l26.371 103.022c-15.383 15.426-46.809 33.607-91.201 33.607c-47.851 0-81.726-18.181-98.308-33.607l28.426-103.022l52.708-17.078zM142.244 243.087c-13.226-2.571-41.692-8.374-49.746-11.018c20.135 56.193 114.89 161.419 163.452 216.511l-10.66-56.194s-31.98-23.138-47.377-45.175s-55.669-104.124-55.669-104.124"/><path fill="#000" d="M74.14 203.972c-15.99 9.916-36.718 17.629-37.903 25.893c15.99 20.935 85.28 89.8 85.28 89.8l-32.572 21.486c58.629 39.115 120.22 70.518 167.005 121.753c0 0-87.648-105.226-111.337-134.424c-67.937-83.74-70.474-124.508-70.474-124.508"/></g></svg>How to use the Tianji Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tianji-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tianji-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tianji-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tianji-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tianji-dark"></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-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/tianji-dark.svg" alt="Tianji Dark icon" width="24" height="24">Related icons in theSVG Color
Tianji Dark icon in other icon sets
Tianji Dark icon FAQ
Is the Tianji Dark 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 Dark icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:tianji-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tianji Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/tianji-dark.svg" alt="Tianji Dark icon">, or paste the SVG code inline to style it with CSS.