Ikon Trivalent
thesvg-color:trivalent
Ikon Trivalent (thesvg-color:trivalent) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 96 × 96. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 96 × 96
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"><g fill="none"><defs><linearGradient id="SVGhqrjCc3b" x1="119.007" x2="9.871" y1="9.971" y2="118.384" gradientTransform="translate(-10.667 -10.667)scale(1.16667)" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#3dc7f5"/><stop offset=".25" stop-color="#0da6f2"/><stop offset=".5" stop-color="#5f82c9"/><stop offset=".75" stop-color="#7259a6"/><stop offset="1" stop-color="#744e74"/></linearGradient><linearGradient id="SVG3tlurd0W" x1="368" x2="144" y1="62.01" y2="449.99" gradientTransform="translate(-6.857 -6.857)scale(.21429)" gradientUnits="userSpaceOnUse" href="#SVGhqrjCc3b"/><linearGradient id="SVGOcxW8dYm" x1="368" x2="144" y1="62.01" y2="449.99" gradientTransform="translate(25.714 25.714)scale(.08705)" gradientUnits="userSpaceOnUse" href="#SVGhqrjCc3b"/></defs><rect width="96" height="96" fill="url(#SVG3tlurd0W)" ry="48"/><path fill="#fff" fill-opacity=".332" d="m61.024 30.632l8.708 13.148l-.949 16.218l-20.784 36c26.509 0 47.998-21.49 47.998-48c0-8.744-2.35-16.936-6.437-23.999H47.998z"/><path fill="gray" fill-opacity=".33" d="M0 47.999c0 26.509 21.49 47.998 48 47.998l20.784-35.999L48 70.19L27.214 59.998L6.434 24.005A47.76 47.76 0 0 0 0 47.998"/><path fill="#000" fill-opacity=".33" d="M47.998 0C30.233 0 14.733 9.659 6.434 24.005l20.78 35.993l.249-13.738l4.615-12.492l15.92-9.769H89.56C81.26 9.657 65.762 0 47.998 0"/><path fill="#e5e5ff" d="M47.999 24c-13.255 0-24 10.744-24 23.999s10.745 23.999 24 23.999c13.254 0 23.999-10.745 23.999-24c0-13.254-10.745-23.999-24-23.999m0 4.5c10.769 0 19.499 8.73 19.499 19.499s-8.73 19.499-19.5 19.499s-19.499-8.73-19.499-19.5S37.23 28.5 48 28.5"/><rect width="39" height="39" x="28.5" y="28.5" fill="url(#SVGOcxW8dYm)" ry="19.5"/></g></svg>Cara memakai ikon Trivalent
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:trivalent" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:trivalent" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:trivalent" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--trivalent]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:trivalent"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:trivalent"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/trivalent.svg" alt="Ikon Trivalent" width="24" height="24">FAQ Ikon Trivalent
Apakah ikon Trivalent gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Trivalent di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:trivalent" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Trivalent ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/trivalent.svg" alt="Ikon Trivalent">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.