ICONYZ
Bahasa Indonesia
Ikon Tech Stories dari Pixel Icon

Ikon Tech Stories

pixel:tech-stories

Ikon Tech Stories (pixel:tech-stories) adalah ikon SVG gratis dari set Pixel Icon karya HackerNoon. Ikon ini digambar pada grid 24 × 24. Pixel Icon icons dirilis di bawah lisensi CC BY 4.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
Pixel Icon
Pembuat
HackerNoon
Lisensi
CC-BY-4.0
Ukuran
24 × 24
Tag
techstories, story
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.005 2V1H2v1H1v20.005h1v1h20.005v-1h1V2zm-1 3H3V3h18.005zm0 11.003H3V9.002h18.005zM3 17.003h3.001v3.001h-3zm16.004 1H8.002v-1h11.002zM8.002 19.005h11.002v1H8.002zM3 6.001h12.003v2H3zm5.002 16.004v-1h11.002v1z"/></svg>

Cara memakai ikon Tech Stories

React

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

<Icon icon="pixel:tech-stories" width="24" />

Vue

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

<template>
  <Icon icon="pixel:tech-stories" width="24" />
</template>

Svelte

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

<Icon icon="pixel:tech-stories" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pixel--tech-stories]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pixel -->
<div class="i-pixel:tech-stories"></div>

Web component

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

<iconify-icon icon="pixel:tech-stories"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/pixel/tech-stories.svg" alt="Ikon Tech Stories" width="24" height="24">

Ikon terkait di Pixel Icon

FAQ Ikon Tech Stories

Apakah ikon Tech Stories gratis untuk penggunaan komersial?

Ya. Pixel Icon icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Tech Stories di React?

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

Bagaimana cara menambahkan ikon Tech Stories ke halaman web?

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

Lihat semua Ikon Pixel Icon →