Ikon Iron
logos:iron
Ikon Iron (logos:iron) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 173. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 173
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="173" viewBox="0 0 512 173"><path fill="#3177bc" d="m87.888 71.827l20.382-3.098l1.141-10.273h-66.2l1.14 10.273l20.383 3.098c1.304.163 2.12 1.304 2.12 2.446v23.806a2.47 2.47 0 0 1-2.12 2.446l-20.382 3.098l-1.142 10.273h66.038l-1.141-10.273l-20.382-3.098c-1.305-.163-2.12-1.305-2.12-2.446V74.273c.163-1.305.978-2.283 2.283-2.446"/><path fill="#3177bc" d="M146.262 38.563L82.507 1.713c-3.913-2.284-8.642-2.284-12.555 0L6.196 38.562C2.446 40.846 0 44.923 0 49.325v73.539c0 4.402 2.446 8.642 6.196 10.761l63.756 36.851c1.956 1.142 4.076 1.631 6.196 1.631s4.402-.652 6.196-1.63l63.918-36.688c3.914-2.283 6.197-6.36 6.197-10.762V49.325c0-4.403-2.283-8.48-6.197-10.762m-35.546 60.494c1.141.163 1.957 1.142 2.12 2.12l1.63 15.001c0 .653-.163 1.468-.652 1.957c-.49.49-1.141.815-1.794.815H40.438c-.652 0-1.304-.326-1.793-.815c-.49-.49-.653-1.304-.653-1.957l1.63-15c.164-1.142.98-1.958 2.12-2.12L61.8 96.121V76.555l-20.056-3.098c-1.142-.163-1.957-1.141-2.12-2.12l-1.63-15c0-.653.162-1.468.652-1.957c.489-.49 1.141-.816 1.793-.816h71.582c.653 0 1.305.326 1.794.816s.652 1.304.652 1.956l-1.63 15.002c-.163 1.141-.979 1.956-2.12 2.12L90.66 76.391V95.96z"/><path fill="#2e343c" d="M376.01 55.684c-23.154 0-41.906 18.1-41.906 40.438c0 22.34 18.752 40.439 41.906 40.439s41.906-18.1 41.906-40.439c0-22.176-18.752-40.438-41.906-40.438m21.035 40.601c0 12.23-9.458 22.176-21.035 22.176s-21.034-9.946-21.034-22.176s9.457-22.175 21.034-22.175s21.035 9.783 21.035 22.175M261.544 38.074H242.14c-.652 0-1.141.49-1.141 1.141v95.552c0 .652.489 1.141 1.141 1.141h19.404c.652 0 1.141-.489 1.141-1.141V39.052c0-.489-.489-.978-1.141-.978m66.69 17.61c-6.196.163-11.577 1.468-16.305 4.24c-3.588 2.12-6.523 4.891-8.968 8.479V57.478c0-.653-.49-1.142-1.142-1.142h-18.751c-.653 0-1.142.49-1.142 1.142v77.289c0 .652.49 1.141 1.142 1.141h18.751c.652 0 1.142-.489 1.142-1.141v-37.34c0-6.686 2.282-12.23 6.848-16.143c4.076-3.587 9.457-5.38 15.98-5.38h2.282c.326 0 .49-.164.816-.327c.163-.163.326-.49.326-.815v-18.1c0-.326-.163-.652-.326-.815c0-.163-.326-.163-.653-.163M502.87 64c-5.218-5.544-12.556-8.316-21.687-8.316c-12.066.163-20.871 4.403-26.578 12.392V57.478c0-.653-.49-1.142-1.142-1.142h-18.751c-.652 0-1.142.49-1.142 1.142v77.289c0 .652.49 1.141 1.142 1.141h18.751c.653 0 1.142-.489 1.142-1.141V96.775c0-6.197 1.793-11.251 5.218-15.165s7.99-5.87 14.023-6.033c4.891 0 8.968 1.468 11.74 4.403c2.935 2.935 4.24 7.011 4.24 12.066v42.72c0 .653.488 1.142 1.14 1.142h18.915c.652 0 1.142-.489 1.142-1.141V86.502c-.163-9.457-2.772-16.958-8.153-22.502"/></svg>
Cara memakai ikon Iron
React
import { Icon } from "@iconify/react";
<Icon icon="logos:iron" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:iron" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:iron" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--iron]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:iron"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:iron"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/iron.svg" alt="Ikon Iron" width="24" height="24">
Ikon terkait di SVG Logos
Ikon Iron di set ikon lain
FAQ Ikon Iron
Apakah ikon Iron gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Iron di React?
Pasang @iconify/react lalu render <Icon icon="logos:iron" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Iron ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/iron.svg" alt="Ikon Iron">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
ICONYZ
