Ikon Impactstory
academicons:impactstory
Ikon Impactstory (academicons:impactstory) adalah ikon SVG gratis dari set Academicons karya James Walsh. Ikon ini digambar pada grid 512 × 512. Academicons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Academicons
- Pembuat
- James Walsh
- Lisensi
- OFL-1.1
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M485.437 284.52c-2.4-9.06-4.88-18.42-5-27.5c-.103-8.64 2.14-17.74 4.32-26.54c3-12.3 6.14-25.02 3.04-36.58c-3.1-11.6-12.16-21.02-20.92-30.14c-6.28-6.559-12.8-13.32-17.02-20.86c-4.46-7.94-7-17.26-9.44-26.28c-3.4-12.58-6.6-24.44-14.5-32.62c-8.12-8.42-20.58-12.24-32.64-16c-8.76-2.66-17.8-5.42-25.32-10c-7.56-4.58-14.24-11.36-20.72-17.92c-8.82-8.92-17.96-18.18-29.14-21.46c-3.32-.96-6.82-1.42-10.78-1.42c-8.12 0-16.84 2.08-25.3 4.02c-8.74 2.06-17.78 4.14-26.48 4.14l-.54-.04c-8.52-.08-17.46-2.4-26.1-4.64c-8.841-2.3-18-4.68-26.661-4.68c-3.7 0-7.02.42-10.22 1.26c-11.68 3.1-21.12 12.42-30.24 21.36c-6.36 6.32-12.92 12.78-20.26 17.14c-7.64 4.52-16.74 7.28-25.52 9.92c-12.6 3.82-24.52 7.46-32.52 15.78c-8.04 8.38-11.34 21-14.54 33.18c-2.28 8.9-4.68 18.12-8.94 25.86c-4.22 7.7-10.66 14.68-16.92 21.36c-8.56 9.24-17.46 18.78-20.26 30.18c-2.74 11.04.4 22.9 3.74 35.46c2.38 9.04 4.88 18.38 4.98 27.48c.098 8.64-2.14 17.76-4.3 26.54c-3.02 12.32-6.14 25.02-3.04 36.58c3.08 11.56 12.14 21.04 20.9 30.14c6.3 6.54 12.8 13.32 17 20.86c4.48 7.94 7.02 17.24 9.46 26.3c3.4 12.56 6.62 24.4 14.48 32.58c8.14 8.46 20.6 12.26 32.66 15.98c8.76 2.7 17.82 5.48 25.32 10.06c7.56 4.58 14.26 11.34 20.7 17.88c8.84 8.98 18 18.22 29.16 21.48c3.3.94 6.8 1.4 10.76 1.4c8.12 0 16.86-2.02 25.3-3.96c8.76-2.08 17.8-4.16 26.5-4.16h.58c8.5.124 17.46 2.42 26.08 4.64c8.82 2.34 17.98 4.7 26.66 4.7c3.7 0 7.021-.4 10.2-1.24c11.7-3.16 21.12-12.42 30.24-21.42c6.36-6.26 12.96-12.72 20.26-17.08c7.66-4.52 16.76-7.3 25.52-9.96c12.6-3.82 24.5-7.42 32.52-15.76c8.04-8.44 11.34-21 14.52-33.2c2.32-8.86 4.72-18.06 8.96-25.84c4.22-7.7 10.7-14.64 16.92-21.36c8.56-9.22 17.46-18.76 20.3-30.16c2.72-11.04-.42-22.9-3.76-35.46zm-229.44 179.92c-112.24 0-203.2-93.34-203.2-208.46c0-115.08 90.96-208.42 203.2-208.42s203.201 93.34 203.201 208.42c0 115.12-90.961 208.46-203.2 208.46m.04-395.46c-103.28 0-187.02 83.74-187.02 187.001c0 103.3 83.741 187.04 187.02 187.04c103.3 0 187.04-83.74 187.04-187.04c0-103.26-83.74-187-187.04-187m-25.96 66.42c0-4.4 3.52-7.92 7.88-7.92h39.46c4.34 0 7.88 3.54 7.88 7.92v33.5c0 4.4-3.52 7.88-7.88 7.88h-39.46c-4.36 0-7.88-3.48-7.88-7.88zm84.82 232.66c0 4.38-3.56 7.921-7.9 7.921h-98.6c-4.36 0-7.9-3.54-7.9-7.92V332.6c0-4.4 3.54-7.9 7.9-7.9h21.68v-71.04h-21.68c-4.36 0-7.9-3.52-7.9-7.88v-33.5c0-4.4 3.54-7.9 7.9-7.9h69.04c4.34 0 7.88 3.5 7.88 7.9v112.4h21.7c4.34 0 7.9 3.5 7.9 7.9v35.48z"/></svg>Cara memakai ikon Impactstory
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:impactstory" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:impactstory" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:impactstory" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--impactstory]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:impactstory"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="academicons:impactstory"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/academicons/impactstory.svg" alt="Ikon Impactstory" width="24" height="24">Ikon terkait di Academicons
FAQ Ikon Impactstory
Apakah ikon Impactstory gratis untuk penggunaan komersial?
Ya. Academicons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Impactstory di React?
Pasang @iconify/react lalu render <Icon icon="academicons:impactstory" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Impactstory ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/academicons/impactstory.svg" alt="Ikon Impactstory">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.