Ikon Ying Yang Outline
glyphs:ying-yang-outline
Ikon Ying Yang Outline (glyphs:ying-yang-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- yingyang, yangoutline, yingyangoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M40 48a6 6 0 1 0 0 12a6 6 0 0 0 0-12m-2 6a2 2 0 1 1 4 0a2 2 0 0 1-4 0m-4-28a6 6 0 1 1 12 0a6 6 0 0 1-12 0m6-2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/><path fill="currentColor" fill-opacity=".25" d="M18.787 18.787A30 30 0 0 1 40 10h.006A30 30 0 0 1 70 40a30.003 30.003 0 0 1-30 30h-.006A30 30 0 0 1 10 40a30 30 0 0 1 8.787-21.213m37.21 6.928q.003.118.003.236V26q0 .149-.003.298a16 16 0 0 1-15.947 15.7l-.044.001h-.011a12 12 0 0 0-8.48 3.515A12 12 0 0 0 28 53.963V54a12 12 0 0 0 11.995 12H40a26 26 0 0 0 13.857-48a16 16 0 0 1 2.14 7.715M40.037 14H40a26 26 0 0 0-13.857 48A16 16 0 0 1 24 54q0-.15.003-.297A16 16 0 0 1 39.994 38A12 12 0 0 0 52 26v-.148A12 12 0 0 0 40.036 14"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 48a6 6 0 1 0 0 12a6 6 0 0 0 0-12m-2 6a2 2 0 1 1 4 0a2 2 0 0 1-4 0m-4-28a6 6 0 1 1 12 0a6 6 0 0 1-12 0m6-2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.787 18.787A30 30 0 0 1 40 10h.006A30 30 0 0 1 70 40a30.003 30.003 0 0 1-30 30h-.006A30 30 0 0 1 10 40a30 30 0 0 1 8.787-21.213m37.21 6.928q.003.118.003.236V26q0 .149-.003.298a16 16 0 0 1-15.947 15.7l-.044.001h-.011a12 12 0 0 0-8.48 3.515A12 12 0 0 0 28 53.963V54a12 12 0 0 0 11.995 12H40a26 26 0 0 0 13.857-48a16 16 0 0 1 2.14 7.715M40.037 14H40a26 26 0 0 0-13.857 48A16 16 0 0 1 24 54h0q0-.15.003-.297A16 16 0 0 1 39.994 38A12 12 0 0 0 52 26v-.148A12 12 0 0 0 40.036 14"/></g></svg>Cara memakai ikon Ying Yang Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:ying-yang-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:ying-yang-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:ying-yang-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--ying-yang-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:ying-yang-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:ying-yang-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/ying-yang-outline.svg" alt="Ikon Ying Yang Outline" width="24" height="24">Ikon terkait di Glyphs
FAQ Ikon Ying Yang Outline
Apakah ikon Ying Yang Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ying Yang Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:ying-yang-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ying Yang Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/ying-yang-outline.svg" alt="Ikon Ying Yang Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.