ICONYZ
Bahasa Indonesia
Ikon Bluespec dari File Icons

Ikon Bluespec

file-icons:bluespec

Ikon Bluespec (file-icons:bluespec) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 402 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
File Icons
Pembuat
John Gardner
Lisensi
ISC
Ukuran
402 × 512
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="402" height="512" viewBox="0 0 402 512"><path fill="currentColor" d="M245.175 255.309c11.103 13.523 16.66 34.719 16.66 63.57c0 32.763-5.666 56.083-17.006 69.927c-11.34 13.877-25.378 20.79-42.096 20.79c-18.102 0-33.042-7.03-44.845-21.128c-11.795-14.08-17.697-36.826-17.697-68.207c0-28.631 6.02-49.996 18.043-64.092c12.03-14.08 27.544-21.129 46.564-21.129c15.809 0 29.256 6.762 40.377 20.269m156.522 60.821c0-59.793-14.552-105.658-43.648-137.611q-43.643-47.941-110.303-47.94c-21.533 0-41.177 3.668-58.924 10.995c-17.756 7.335-33.623 18.329-47.594 32.99V0H0v503.754h130.917v-53.941c18.093 22.68 34.82 38.142 50.173 46.387c20.386 10.522 42.83 15.8 67.347 15.8c28.632 0 54.693-7.504 78.173-22.51c23.48-14.991 41.86-37.67 55.156-68.04c13.279-30.351 19.93-65.458 19.93-105.32"/></svg>

Cara memakai ikon Bluespec

React

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

<Icon icon="file-icons:bluespec" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:bluespec" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:bluespec" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--bluespec]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:bluespec"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/file-icons/bluespec.svg" alt="Ikon Bluespec" width="24" height="24">

FAQ Ikon Bluespec

Apakah ikon Bluespec gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Bluespec di React?

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

Bagaimana cara menambahkan ikon Bluespec ke halaman web?

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

Lihat semua File Icons →