Ikon Hygraph
thesvg-color:hygraph
Ikon Hygraph (thesvg-color:hygraph) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 200 × 55. 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
- 200 × 55
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="55" viewBox="0 0 200 55"><path fill="#081026" d="M64.77 24.34V37.4H59V25.9q0-1.08-.54-1.95a4 4 0 0 0-1.42-1.4a4 4 0 0 0-1.97-.5q-1.08 0-1.98.5a4 4 0 0 0-1.42 1.4a3.7 3.7 0 0 0-.53 1.95v11.5h-5.77l-.02-30.8h5.77l.02 11.79a8 8 0 0 1 2.45-1.54a8 8 0 0 1 2.99-.56q2.28 0 4.12 1.09a8.3 8.3 0 0 1 2.97 2.92a7.6 7.6 0 0 1 1.1 4.04m17.12-7.47h6.14l-11.45 30.8h-6.1l3.76-10.27l-7.53-20.53h6.31l4.1 12.79zm23.37 0h5.77v20.82q0 2.28-.94 4.1a10 10 0 0 1-2.57 3.17a12 12 0 0 1-3.72 2a14 14 0 0 1-4.43.7q-2.22 0-4.25-.86a12 12 0 0 1-3.6-2.34q-1.56-1.5-2.44-3.45l5.27-2.36q.45 1.04 1.2 1.77a5 5 0 0 0 1.75 1.13q1 .4 2.07.4a9 9 0 0 0 2.2-.26a6 6 0 0 0 1.9-.8q.83-.54 1.31-1.33q.48-.8.48-1.87V35.3a8 8 0 0 1-2.34 1.9q-1.36.72-3.15.72q-2.26 0-4.25-.84a11 11 0 0 1-3.47-2.32q-1.5-1.5-2.36-3.45t-.86-4.19c0-2.24.29-2.88.86-4.18a11 11 0 0 1 2.36-3.43q1.5-1.5 3.47-2.34a11 11 0 0 1 4.25-.85q1.8 0 3.15.74a7 7 0 0 1 2.34 1.9zm-5.41 15.62q1.42 0 2.57-.72a5 5 0 0 0 1.8-1.95q.66-1.2.67-2.69q0-1.47-.67-2.69a5 5 0 0 0-1.8-1.95a4.7 4.7 0 0 0-2.57-.72q-1.4 0-2.57.72a5.3 5.3 0 0 0-1.84 1.95q-.7 1.2-.7 2.7q0 1.47.7 2.7a5.4 5.4 0 0 0 1.84 1.93a5 5 0 0 0 2.57.72m15.65 4.91l-.03-20.53h5.77l.03 1.52a8 8 0 0 1 2.44-1.54a8 8 0 0 1 2.99-.56q1.15 0 2.3.33l-2.28 5.73a4 4 0 0 0-1.52-.3q-1.1 0-2 .5a4 4 0 0 0-1.41 1.4a3.7 3.7 0 0 0-.53 1.95v11.5zm29.56-20.53h5.77V37.4h-5.8l-.26-2.14a6 6 0 0 1-2.1 1.93q-1.27.75-2.98.74q-2.34 0-4.37-.86a11 11 0 0 1-3.58-2.38a11 11 0 0 1-2.42-3.51a11 11 0 0 1-.86-4.31q0-2.2.82-4.11a10 10 0 0 1 2.3-3.37a11 11 0 0 1 3.4-2.28q1.96-.81 4.18-.82q1.94 0 3.45.8a10 10 0 0 1 2.7 2.03zm-5.52 15.62q1.42 0 2.57-.72a5 5 0 0 0 1.82-1.93a5.6 5.6 0 0 0 .67-2.7q0-1.5-.67-2.72a5 5 0 0 0-1.82-1.93a5 5 0 0 0-2.57-.72a5 5 0 0 0-2.61.72a5.3 5.3 0 0 0-2.55 4.64q0 1.49.69 2.71a5.5 5.5 0 0 0 1.88 1.93q1.16.72 2.6.72ZM161 47.67h-5.77v-30.8H161v2.21a8 8 0 0 1 2.39-1.97q1.38-.78 3.22-.78q2.28 0 4.26.85a11 11 0 0 1 3.51 2.34a11 11 0 0 1 2.37 3.43q.85 1.95.85 4.18q0 2.25-.85 4.21a11 11 0 0 1-2.37 3.47a11 11 0 0 1-3.51 2.32q-1.98.84-4.26.85q-1.84 0-3.22-.78a9 9 0 0 1-2.39-1.98zm5.52-25.9q-1.42 0-2.57.74a5 5 0 0 0-1.8 1.93a5.6 5.6 0 0 0-.64 2.7q0 1.47.64 2.7a5 5 0 0 0 1.8 1.93q1.15.72 2.57.72t2.6-.72a5 5 0 0 0 1.88-1.93q.7-1.2.7-2.7a5.3 5.3 0 0 0-.68-2.68a5 5 0 0 0-1.88-1.95a5 5 0 0 0-2.62-.74m32.75 2.57V37.4h-5.77V25.9q0-1.08-.55-1.95a4 4 0 0 0-1.42-1.4a4 4 0 0 0-1.96-.5q-1.1 0-1.99.5a4 4 0 0 0-1.42 1.4a3.7 3.7 0 0 0-.52 1.95v11.5h-5.77l-.03-30.8h5.77l.03 11.79a8 8 0 0 1 2.44-1.54a8 8 0 0 1 3-.56q2.26 0 4.11 1.09a8.3 8.3 0 0 1 2.97 2.92a7.6 7.6 0 0 1 1.1 4.04ZM25.97 7.33L19.47 11l-6.49 3.67l-6.49 3.66v22l6.5-3.66L19.46 33v-7.33l-6.49 3.66V22l6.5-3.67l6.48-3.66v22l-6.49 3.66L12.98 44L6.5 47.67L0 51.33L6.5 55l6.48-3.67l6.5-3.66L25.96 44l6.49-3.67V3.67L25.96 0z"/></svg>Cara memakai ikon Hygraph
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:hygraph" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:hygraph" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:hygraph" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hygraph]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hygraph"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:hygraph"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/hygraph.svg" alt="Ikon Hygraph" width="24" height="24">FAQ Ikon Hygraph
Apakah ikon Hygraph 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 Hygraph di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:hygraph" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hygraph ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/hygraph.svg" alt="Ikon Hygraph">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.