ICONYZ
Bahasa Indonesia
Ikon Shrimp dari TDesign Icons

Ikon Shrimp

tdesign:shrimp

Ikon Shrimp (tdesign:shrimp) adalah ikon SVG gratis dari set TDesign Icons karya TDesign. Ikon ini digambar pada grid 24 × 24. TDesign 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
TDesign Icons
Pembuat
TDesign
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"><g fill="none"><path d="M10 12c-4.418 0-8-2.582-8-7V4h12a7.9 7.9 0 0 1 5.137 1.867A8.03 8.03 0 0 1 22 12a7.94 7.94 0 0 1-2.867 6.137A8.03 8.03 0 0 1 14 20H7v-1a3 3 0 0 1 3-3h3v-4z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M13 12v4m0-4h-3c-4.418 0-8-2.582-8-7V4h11m0 8h8.45M13 12l5.945-5.941M13 12l5.941 5.945M13 4v12m0-12h1a7.9 7.9 0 0 1 5.137 1.867A8.03 8.03 0 0 1 22 12a7.94 7.94 0 0 1-2.867 6.137A8.03 8.03 0 0 1 14 20H7v-1a3 3 0 0 1 3-3h3m0 4v-4M7.998 6.998h.004v.004h-.004z"/></g></svg>

Cara memakai ikon Shrimp

React

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

<Icon icon="tdesign:shrimp" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:shrimp" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:shrimp" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="tdesign:shrimp"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/tdesign/shrimp.svg" alt="Ikon Shrimp" width="24" height="24">

Ikon terkait di TDesign Icons

Ikon Shrimp di set ikon lain

FAQ Ikon Shrimp

Apakah ikon Shrimp gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Shrimp di React?

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

Bagaimana cara menambahkan ikon Shrimp ke halaman web?

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

Lihat semua TDesign Icons →