Ikon Blue Light Card

arcticons:blue-light-card

Ikon Blue Light Card (arcticons:blue-light-card) adalah ikon SVG gratis dari set Arcticons karya Donnnno. Ikon ini digambar pada grid 48 × 48. Arcticons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Arcticons
Pembuat: Donnnno
Lisensi: CC-BY-SA-4.0
Ukuran: 48 × 48
Tag: bluelight, lightcard, bluelightcard

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m24 2.5l5.43 8.39l9.773-2.093l-2.093 9.773L45.5 24l-8.39 5.43l2.093 9.773l-9.773-2.093L24 45.5l-5.43-8.39l-9.773 2.093l2.093-9.773L2.5 24l8.39-5.43l-2.093-9.773l9.773 2.093z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m24 14.594l-.889 2.805a6.67 6.67 0 0 0-3.14 1.31l-2.621-1.36l1.359 2.622a6.67 6.67 0 0 0-1.31 3.14l-2.805.89l2.805.888a6.67 6.67 0 0 0 1.31 3.14l-1.36 2.621l2.622-1.359a6.67 6.67 0 0 0 3.14 1.31L24 33.407l.889-2.804a6.67 6.67 0 0 0 3.14-1.31l2.621 1.358l-1.359-2.62a6.67 6.67 0 0 0 1.31-3.141l2.806-.89l-2.8-.889a6.67 6.67 0 0 0-1.31-3.154l1.354-2.607l-2.607 1.353a6.67 6.67 0 0 0-3.154-1.308z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 9.24L27.728 15l6.71-1.437L33 20.272L38.76 24L33 27.728l1.437 6.71L27.728 33L24 38.76L20.272 33l-6.71 1.437L15 27.728L9.24 24L15 20.272l-1.437-6.71L20.272 15z"/><circle cx="24" cy="24" r="5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 21.648v4.703m2.036-3.527l-4.073 2.351m.001-2.351l4.073 2.351"/></svg>

Cara memakai ikon Blue Light Card

React

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

<Icon icon="arcticons:blue-light-card" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:blue-light-card" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:blue-light-card" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--blue-light-card]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:blue-light-card"></div>

Web component

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

<iconify-icon icon="arcticons:blue-light-card"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/arcticons/blue-light-card.svg" alt="Ikon Blue Light Card" width="24" height="24">

Ikon terkait di Arcticons

FAQ Ikon Blue Light Card

Apakah ikon Blue Light Card gratis untuk penggunaan komersial?

Ya. Arcticons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Blue Light Card di React?

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

Bagaimana cara menambahkan ikon Blue Light Card ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/arcticons/blue-light-card.svg" alt="Ikon Blue Light Card">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Arcticons →