Triple Yin icon
game-icons:triple-yin
The Triple Yin icon (game-icons:triple-yin) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- tripleyin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M203.75 20.47c-1.01.016-2.025.056-3.03.093c-69.79 2.51-132.772 49.368-151.782 120.312c-11.035 41.196 13.555 83.82 54.718 94.875v-.03c41.166 11.03 82.972-13.647 93.97-54.69c7.923-29.58 22.853-50.832 43.624-62.155c20.77-11.323 46.34-12.32 74.125-4.875c10.463 2.807 19.977 7.03 28.563 12.656a99 99 0 0 1 13.593-5.843c-8.625-20.886-21.314-39.854-37.75-55.407h-.03c-.064-.06-.123-.127-.187-.187c-19.01-17.94-42.747-31.768-69.907-39.064c-15.35-4.116-30.768-5.953-45.906-5.687zm-79.03 82.968c14.598 0 29.2 5.545 40.28 16.624c22.174 22.175 22.128 58.403-.03 80.563l-2.72 2.72h-.312c-22.33 19.338-56.345 18.467-77.532-2.72c-22.174-22.174-22.16-58.403 0-80.563c11.088-11.087 25.713-16.626 40.313-16.624zm0 18.562c-9.78-.002-19.58 3.734-27.095 11.25a38.17 38.17 0 0 0 0 54.156a38.17 38.17 0 0 0 54.156 0a38.166 38.166 0 0 0 0-54.156c-7.507-7.51-17.282-11.248-27.06-11.25zm143.343 7.063c-6.51 1.185-12.476 3.275-17.875 6.218a57 57 0 0 0-12.344 9.095c23.014.048 46.003 6.876 65.78 20.438a92.5 92.5 0 0 1 10.845-15.688a133.8 133.8 0 0 0-46.408-20.063zm119.718 5.343c-20.048.004-40.084 7.522-55.124 22.563c-30.058 30.057-28.79 78.89 1.313 108.968c21.676 21.66 32.627 45.335 32.03 69.062s-12.554 46.43-32.906 66.78c-9.87 9.872-21.2 16.368-32.875 20.845c-.54 3.58-1.38 7.053-2.314 10.5c50.44 9.057 103.957-5.7 143.28-45c63.97-63.943 65.66-167.276 1.752-231.156c-15.054-15.054-35.108-22.568-55.157-22.564zm-1.06 21.406c14.598.002 29.2 5.546 40.28 16.625c22.174 22.175 22.16 58.403 0 80.563c-22.175 22.175-58.403 22.16-80.563 0c-22.174-22.174-22.16-58.403 0-80.563c11.088-11.087 25.682-16.627 40.282-16.625zm0 18.563c-9.78-.002-19.548 3.766-27.064 11.28a38.134 38.134 0 0 0 0 54.126a38.13 38.13 0 0 0 54.125 0a38.127 38.127 0 0 0 0-54.124c-7.507-7.508-17.282-11.28-27.06-11.28zm-147.25 15.03a72.1 72.1 0 0 0-26.564 5.095c-8.21 22.123-24.016 39.79-43.625 50.625c-5.44 23.398.967 48.965 19.25 67.25c.788.786 1.595 1.54 2.407 2.28c21.96-3.455 43.857.823 62.375 11.158l.768.316l7.326 3.932a71.9 71.9 0 0 0 28.97-17.687c12.41-12.41 19.362-28.18 20.843-44.344c-12.14-16.447-18.558-35.98-19.033-55.592c-.596-.64-1.188-1.283-1.812-1.907c-14.092-14.09-32.493-21.124-50.906-21.124zM53.687 225.72C23.988 264.33 12.275 315.815 26 367.03c23.394 87.365 112.104 140.292 199.375 116.908c.01-.003.02.003.03 0c41.136-11.06 66.126-54.206 55.126-95.313c-4.106-15.327-12.586-28.302-23.718-37.875l-.218-.188c-18.772-16.008-45.2-22.64-70.907-15.75c-29.576 7.933-55.557 5.666-75.843-6.625c-20.287-12.29-34.017-33.912-41.47-61.718c-2.738-10.267-3.397-20.456-2.843-30.158a98 98 0 0 1-11.843-10.593zm48.812 28.968c-.834 16.705 1.403 33.528 6.75 49.562q4.796 4.642 10.28 7.97c4.855 2.94 10.193 5.192 16.064 6.655c-10.79-19.11-15.778-40.6-14.97-61.906a94.5 94.5 0 0 1-18.124-2.283zm240.78 57.093c-5.586 11.71-13.23 22.702-22.936 32.408c-8.71 8.71-18.445 15.763-28.813 21.156a95.3 95.3 0 0 1 6.876 17.78c12.796-6.32 24.79-14.79 35.438-25.437a135 135 0 0 0 12.562-14.468c.522-2.908.834-5.802.906-8.69c.19-7.465-1.076-15.045-4.03-22.75zm-140 39.908c14.6.002 29.203 5.545 40.282 16.625c22.175 22.174 22.16 58.402 0 80.562c-22.174 22.175-58.403 22.16-80.562 0c-22.174-22.174-22.16-58.403 0-80.563c11.087-11.087 25.682-16.627 40.28-16.625zm0 18.562c-9.778-.002-19.546 3.766-27.06 11.28a38.13 38.13 0 0 0 0 54.126a38.13 38.13 0 0 0 54.124 0a38.133 38.133 0 0 0 0-54.125c-7.51-7.507-17.283-11.278-27.063-11.28z"/></svg>How to use the Triple Yin icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:triple-yin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:triple-yin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:triple-yin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--triple-yin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:triple-yin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:triple-yin"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/triple-yin.svg" alt="Triple Yin icon" width="24" height="24">Related icons in Game Icons
Triple Yin icon FAQ
Is the Triple Yin icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Triple Yin icon in React?
Install @iconify/react and render <Icon icon="game-icons:triple-yin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Triple Yin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/triple-yin.svg" alt="Triple Yin icon">, or paste the SVG code inline to style it with CSS.