Ikon Angry Outline
healthicons:angry-outline
Ikon Angry Outline (healthicons:angry-outline) adalah ikon SVG gratis dari set Health Icons karya Resolve to Save Lives. Ikon ini digambar pada grid 48 × 48. Health 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
- Health Icons
- Pembuat
- Resolve to Save Lives
- Lisensi
- MIT
- Ukuran
- 48 × 48
- Kategori
- Emosi
- Tag
- angryoutline, angry2x outline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M17.632 31.506a2.9 2.9 0 0 0-.472.878a2.7 2.7 0 0 0-.15 1.107c.04.416.23.956.779 1.277c.508.297 1.096.268 1.616.138l.014-.004c2.396-.636 3.569-.899 4.704-.894c1.138.005 2.285.28 4.639.893c.454.128.995.159 1.476-.13c.497-.3.682-.788.738-1.154a2.6 2.6 0 0 0-.067-1.022a2.8 2.8 0 0 0-.371-.854a3.4 3.4 0 0 0-.351-.417l-.012-.012l-.009-.01C28.843 29.854 26.504 29 23.986 29c-2.622 0-5.067.93-6.354 2.506m6.5.502c-1.406-.006-2.797.319-5.035.91l.03-.06a1 1 0 0 1 .054-.087c.786-.963 2.56-1.771 4.806-1.771c2.142 0 3.868.738 4.703 1.651q.047.053.084.09l.002.002l.014.015l.046.05c.032.035.041.047.042.048l.006.01c-2.066-.536-3.395-.852-4.752-.858M28 23.5a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m2.5-.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-13-2a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m-.5 2.5a.5.5 0 1 1 1 0a.5.5 0 0 1-1 0" clip-rule="evenodd"/><path d="M16.889 20.357a27.6 27.6 0 0 0-4.334-1.046l.29-1.979c1.16.17 2.914.546 4.67 1.125c1.732.572 3.582 1.38 4.838 2.465l-1.308 1.513c-.95-.821-2.494-1.53-4.157-2.078m18.507-1.046a27.6 27.6 0 0 0-4.334 1.046c-1.663.549-3.206 1.257-4.157 2.078l-1.307-1.513c1.255-1.085 3.105-1.893 4.837-2.465a29.6 29.6 0 0 1 4.67-1.125z"/><path fill-rule="evenodd" d="M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24S14.059 6 24 6s18 8.059 18 18m-2 0c0 8.837-7.163 16-16 16S8 32.837 8 24S15.163 8 24 8s16 7.163 16 16" clip-rule="evenodd"/></g></svg>Cara memakai ikon Angry Outline
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:angry-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:angry-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:angry-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--angry-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:angry-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:angry-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/healthicons/angry-outline.svg" alt="Ikon Angry Outline" width="24" height="24">Ikon terkait di Health Icons
Ikon Angry Outline di set ikon lain
FAQ Ikon Angry Outline
Apakah ikon Angry Outline gratis untuk penggunaan komersial?
Ya. Health Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Angry Outline di React?
Pasang @iconify/react lalu render <Icon icon="healthicons:angry-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Angry Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/healthicons/angry-outline.svg" alt="Ikon Angry Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.