Ikon Gradio
logos:gradio
Ikon Gradio (logos:gradio) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 124. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 124
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="124" viewBox="0 0 512 124"><defs><linearGradient id="SVGssQ2Xbjz" x1="-6.452%" x2="85.236%" y1="49.784%" y2="49.784%"><stop offset="0%" stop-color="#f9d100"/><stop offset="100%" stop-color="#f97700"/></linearGradient><linearGradient id="SVGFlaRCblf" x1="106.079%" x2="14.268%" y1="49.784%" y2="49.784%"><stop offset="0%" stop-color="#f9d100"/><stop offset="100%" stop-color="#f97700"/></linearGradient><linearGradient id="SVGru2OOiqc" x1="-12.871%" x2="169.796%" y1="75.863%" y2="74.878%"><stop offset="0%" stop-color="#f9d100"/><stop offset="100%" stop-color="#f97700"/></linearGradient></defs><path fill="#232d36" d="m181.672 105.842l9.04-11.158q7.496 6.867 16.709 6.867q6.18 0 10.185-1.831q4.005-1.832 4.005-5.036q0-5.436-8.869-5.436q-2.403 0-7.152.573q-4.749.572-7.153.572q-14.762 0-14.762-10.586q0-3.032 2.46-5.95t5.722-4.292q-10.47-6.81-10.471-19.283q0-9.842 7.21-16.25q7.21-6.465 17.738-6.466q8.24 0 13.79 3.09l5.607-6.523l9.899 8.983l-6.81 4.978q3.548 5.379 3.548 12.703q0 10.471-6.408 16.765q-6.351 6.237-16.079 6.237q-1.545 0-4.12-.286l-2.346-.343q-.4 0-3.09 1.259q-2.632 1.2-2.632 2.517q0 2.289 3.949 2.289q1.773 0 5.95-.858t7.153-.858q20.885 0 20.885 16.765q0 9.27-8.354 14.533q-8.355 5.322-20.141 5.322q-14.076 0-25.463-8.297m14.305-55.503q0 5.436 2.975 8.755q3.033 3.261 8.125 3.261q5.094 0 7.84-3.204t2.746-8.812q0-4.635-2.975-7.839q-2.92-3.204-7.61-3.204q-4.921 0-8.011 3.09t-3.09 7.953m84.511-8.182q-3.831-2.517-8.408-2.518q-4.98 0-8.87 4.52q-3.835 4.52-3.834 11.044v34.904H245.07V28.825h14.305v5.607q6.008-6.751 15.964-6.752q7.324 0 11.215 2.232zm45.149 41.827q-1.947 3.205-6.81 5.264a25.9 25.9 0 0 1-10.07 2.003q-9.9 0-15.565-4.92q-5.664-4.979-5.664-14.077q-.001-10.642 7.955-16.65q8.008-6.008 22.715-6.008q2.517 0 5.95.858q0-10.815-13.674-10.815q-8.068 0-13.505 2.69l-3.089-11.1q7.381-3.549 17.567-3.549q14.018 0 20.539 6.409q6.525 6.351 6.524 24.147v13.103q0 12.245 4.921 15.392q-1.774 3.09-3.948 3.776q-2.175.744-4.976.744q-3.091 0-5.551-2.289q-2.464-2.289-3.319-4.978m-1.375-22.716q-3.66-.744-5.493-.744q-16.937 0-16.937 11.1q0 8.24 9.557 8.24q12.874 0 12.873-12.874zm69.178 28.839v-3.72q-1.772 1.946-6.008 3.434a27.2 27.2 0 0 1-8.753 1.43q-12.816 0-20.198-8.125q-7.326-8.126-7.325-22.659q0-14.534 8.412-23.631q8.466-9.156 21.17-9.156q6.982 0 12.702 2.861V5.994l14.306-3.433v87.546zm0-46.634q-4.578-3.662-9.554-3.662q-8.585 0-13.217 5.264q-4.637 5.208-4.636 14.992q-.001 19.11 18.424 19.11q2.06 0 5.035-1.2q3.035-1.26 3.948-2.518zm39.883-38.394q3.432 0 5.836 2.46q2.46 2.403 2.46 5.837q0 3.432-2.46 5.893q-2.404 2.403-5.836 2.403c-2.29 0-4.252-.8-5.894-2.403q-2.404-2.46-2.404-5.893q0-3.434 2.404-5.837c1.642-1.64 3.604-2.46 5.894-2.46m-7.38 85.028V40.555h-7.841v-11.73h22.316v61.282zm27.179-30.784q0-14.019 8.068-22.83q8.123-8.813 21.399-8.813q13.96 0 21.687 8.469q7.723 8.468 7.724 23.174q-.002 14.648-7.896 23.288q-7.839 8.64-21.515 8.64c-9.309 0-16.554-2.9-21.743-8.697q-7.725-8.754-7.724-23.231m14.875 0q.001 20.256 14.592 20.256q6.695 0 10.585-5.265q3.947-5.264 3.948-14.991q0-19.97-14.533-19.97q-6.695 0-10.644 5.264q-3.947 5.265-3.948 14.706"/><path fill="url(#SVGssQ2Xbjz)" d="M66.415 35.891a9.06 9.06 0 0 1 9.008 0l61.862 35.46c6.07 3.48 6.07 12.235 0 15.714l-61.862 35.46a9.06 9.06 0 0 1-9.008 0L4.553 87.065c-6.07-3.48-6.07-12.235 0-15.714zm4.502 18.292l-43.65 25.023l43.65 25.019l43.65-25.019z"/><path fill="url(#SVGFlaRCblf)" d="M66.415 1.2a9.06 9.06 0 0 1 9.008 0l61.862 35.459c6.07 3.48 6.07 12.235 0 15.715L75.423 87.833a9.06 9.06 0 0 1-9.008 0L4.553 52.373c-6.07-3.479-6.07-12.235 0-15.714zm4.502 18.291l-43.65 25.023l43.65 25.019l43.65-25.019z"/><path fill="url(#SVGru2OOiqc)" d="m66.592 35.878l8.961 15.741l-62.015 35.306l-8.962-15.741z"/></svg>Cara memakai ikon Gradio
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gradio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gradio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gradio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gradio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gradio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gradio"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/gradio.svg" alt="Ikon Gradio" width="24" height="24">Ikon terkait di SVG Logos
Ikon Gradio di set ikon lain
FAQ Ikon Gradio
Apakah ikon Gradio gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gradio di React?
Pasang @iconify/react lalu render <Icon icon="logos:gradio" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gradio ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/gradio.svg" alt="Ikon Gradio">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.