ICONYZ
Bahasa Indonesia
Ikon Deepinfra dari theSVG

Ikon Deepinfra

thesvg:deepinfra

Ikon Deepinfra (thesvg:deepinfra) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG 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
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
24 × 24
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.294 7.821A2.297 2.297 0 0 1 1 5.527a2.297 2.297 0 0 1 2.294-2.295A2.297 2.297 0 0 1 5.59 5.527A2.297 2.297 0 0 1 3.294 7.82zm0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m0 10.16A2.297 2.297 0 0 1 1 11.998a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.295 2.295m0-3.688a1.395 1.395 0 0 0 0 2.788a1.395 1.395 0 1 0 0-2.788m0 10.156A2.297 2.297 0 0 1 1 18.467a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m17.444-9.252a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 10.16a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688c-.769 0-1.395.625-1.395 1.393a1.396 1.396 0 0 0 2.79 0c0-.77-.626-1.393-1.395-1.393m0 10.156a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m-8.722-6.016a2.297 2.297 0 0 1-2.294-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395m.001-2.78a2.297 2.297 0 0 1-2.295-2.295A2.297 2.297 0 0 1 12.017 0a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 16.628a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.295-2.294a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395M12.016 24a2.297 2.297 0 0 1-2.294-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294A2.297 2.297 0 0 1 12.016 24m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395M8.363 8.222a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .557-1.392l1.493.595a.75.75 0 0 1-.278 1.446zm0 6.344a.7.7 0 0 1-.277-.053l-1.494-.595a.75.75 0 1 1 .557-1.393l1.493.596a.75.75 0 0 1-.278 1.445zm8.761-3.169a.7.7 0 0 1-.277-.054l-1.493-.595a.75.75 0 1 1 .555-1.392l1.493.595a.75.75 0 0 1-.278 1.446m0-6.347a.7.7 0 0 1-.277-.054L15.354 4.4a.75.75 0 0 1 .555-1.392l1.493.596a.75.75 0 0 1-.278 1.445zm0 12.689a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .556-1.392l1.493.596a.75.75 0 0 1-.278 1.445m-10.214.227a.75.75 0 0 1-.279-1.445l1.494-.595a.749.749 0 1 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.306a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.627a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.596a.7.7 0 0 1-.277.053zm1.453 16.331a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 0 1 .555-1.392l1.494.595a.75.75 0 0 1-.278 1.446M15.63 8.223a.75.75 0 0 1-.278-1.447l1.494-.595a.75.75 0 0 1 .556 1.393l-1.494.595a.7.7 0 0 1-.276.054zm0 6.344a.75.75 0 0 1-.278-1.446l1.494-.596a.75.75 0 0 1 .556 1.394l-1.494.595a.7.7 0 0 1-.276.053zm0 6.796a.749.749 0 0 1-.278-1.445l1.494-.595a.75.75 0 1 1 .555 1.392l-1.494.595a.7.7 0 0 1-.277.053"/></svg>

Cara memakai ikon Deepinfra

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:deepinfra" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:deepinfra" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:deepinfra" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--deepinfra]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:deepinfra"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:deepinfra"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Ikon Deepinfra" width="24" height="24">

Ikon Deepinfra di set ikon lain

Ikon Deepinfra dari theSVG Color
theSVG Color

FAQ Ikon Deepinfra

Apakah ikon Deepinfra gratis untuk penggunaan komersial?

Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Deepinfra di React?

Pasang @iconify/react lalu render <Icon icon="thesvg:deepinfra" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Deepinfra ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Ikon Deepinfra">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG →