Ikon Heart Shield

game-icons:heart-shield

Ikon Heart Shield (game-icons:heart-shield) adalah ikon SVG gratis dari set Game Icons karya GameIcons. Ikon ini digambar pada grid 512 × 512. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Game Icons
Pembuat: GameIcons
Lisensi: CC-BY-3.0
Ukuran: 512 × 512
Tag: heartshield

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32c-64 48-128 64-224 96c0 128 160 320 224 368c64-48 224-240 224-368c-96-32-160-48-224-96m0 34.75l5.4 4.05c49.7 37.3 99.6 49.9 176.7 75.6l6.2 2v6.5c0 55-33.1 119.7-72 176.4c-38.9 56.8-83.6 105-110.9 125.5l-5.4 4.1l-5.4-4.1c-27.3-20.5-72-68.7-110.9-125.5c-38.9-56.7-72-121.4-72-176.4v-6.5l6.15-2C150.9 120.7 200.9 108 250.6 70.8zm0 22.18c-49.4 35.37-99.8 49.17-170.05 72.37c2.58 46.7 32.35 107 68.65 159.9c35.3 51.5 76.6 96.3 101.4 116.8c24.8-20.5 66.1-65.3 101.4-116.8c36.3-52.9 66.1-113.2 68.6-159.9c-70.3-23.2-120.6-37-170-72.37m-45.5 54.97c19.7.5 38.1 14.4 45.5 48.1c18-86.3 110-42.5 110 22.5c-1 63.9-92 107.7-110 162.1c-19-54.4-108-98.2-110-162.1c0-39.6 33.8-71.3 64.5-70.6"/></svg>

Cara memakai ikon Heart Shield

React

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

<Icon icon="game-icons:heart-shield" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:heart-shield" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:heart-shield" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--heart-shield]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:heart-shield"></div>

Web component

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

<iconify-icon icon="game-icons:heart-shield"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/game-icons/heart-shield.svg" alt="Ikon Heart Shield" width="24" height="24">

Ikon terkait di Game Icons

FAQ Ikon Heart Shield

Apakah ikon Heart Shield gratis untuk penggunaan komersial?

Ya. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Heart Shield di React?

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

Bagaimana cara menambahkan ikon Heart Shield ke halaman web?

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

Lihat semua Game Icons →