Ikon Bundle Runner
unjs:bundle-runner
Ikon Bundle Runner (unjs:bundle-runner) adalah ikon SVG gratis dari set UnJS Logos karya UnJS. Ikon ini digambar pada grid 32 × 32. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- UnJS Logos
- Pembuat
- UnJS
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
- Tag
- bundlerunner
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="SVGlrx1ObBn" fill="#0277bd" d="M3.108 12.248s-1.423 1.107-1.79 3.427c-.393 2.453-.74 6.04 1.03 7.445c1.307 1.037 5.345.535 7.215 1.392c1.87.858 7.54 5.13 12.61 4.575c6.035-.662 8.162-3.287 8.487-4.05c.232-.544.878-1.512-2.53-2.884c-2.51-1.01-4.425-2.508-6.177-3.833c-1.503-1.135-6.93-4.44-6.93-4.44s-.908-2.155-2.415-2.493c-.99-.222-3.193.945-3.583 2.01c-.433 1.183.105 2.273.105 2.273c-2.335 1.22-3.14 1.403-4.725.39s-1.298-3.812-1.298-3.812"/></defs><g fill="none"><path fill="#37474f" d="M6.297 17.51q-.257.001-.53-.013c-.97-.04-1.73-.367-2.26-.967c-.952-1.08-.895-2.738-.882-2.968l.007-.022c.058-.197.228-.802.725-1.065c.325-.172.618-.255.893-.255c.357 0 .687.14 1.01.43c.822.74 1.745 1.2 2.405 1.2c.472 0 1.735-.072 2.25-.105l.78 2.573c-.395.307-1.755 1.192-4.398 1.192"/><path fill="#90a4ae" d="M4.248 12.498c.284 0 .555.117.822.357c.885.797 1.855 1.272 2.592 1.272c.42 0 1.45-.057 2.048-.092l.657 2.175c-.5.34-1.78 1.017-4.07 1.017q-.256.001-.517-.01c-.89-.037-1.583-.33-2.06-.87c-.85-.962-.83-2.452-.818-2.74c.05-.177.198-.684.585-.887c.28-.15.53-.223.76-.223m0-.558c-.36 0-.706.12-1.025.287c-.663.35-.838 1.168-.875 1.285c0 0-.353 4.105 3.407 4.263q.28.013.543.013c3.36 0 4.714-1.375 4.714-1.375l-.895-2.96s-1.87.117-2.452.117c-.583 0-1.44-.428-2.22-1.13c-.408-.362-.81-.5-1.198-.5"/><path fill="#e0e0e0" d="M1.655 21.715c-.378 1.255-.34 3.47-.34 3.47c0 .353.223.968.738 1.163c2.704 1.017 5.787.75 7.397 1.487c1.87.857 7.93 3.495 13 2.938c6.035-.663 7.95-3.388 8.278-4.148c.232-.545.39-2.61.154-2.687c-2.565-.855-12.132 2.94-13.882 1.617c-1.502-1.135-14.968-5.095-15.345-3.84"/><use href="#SVGlrx1ObBn"/><use href="#SVGlrx1ObBn"/><path fill="#bdbdbd" d="M9.323 15.655c.6-.1 1.09-.112 1.685-.037c.025-.603-.265-1.288-.575-1.793c-.075-.122-.16-.242-.208-.377c-.25-.706 1.085-1.43 1.617-1.585a2.82 2.82 0 0 1 1.793.072a2.45 2.45 0 0 0-1.022-.543c-.92-.207-2.09.426-2.803.946c-1.105.802-1.315 2.005-.713 3.24c.016.032.036.067.066.082c.032.018.072.012.11.005a.2.2 0 0 1 .05-.01"/><path fill="#03a9f4" d="M23.013 19.12a1.06 1.06 0 0 0-.938-.178q-.106.034-.207.075c-.605.25-1.085.723-1.543 1.193c-.457.467-.92.955-1.505 1.245c-.793.393-1.465.2-2.255.16c-.723-.035-1.173.34-1.335 1.098c-.113.527.143 1.24.602 1.522c1.578.97 3.123 1.402 4.838 1.635a9.6 9.6 0 0 0 6.36-1.39c.53-.335 1.06-.775 1.19-1.39l.003-.01c.097-.475-.175-.955-.62-1.152c-1.776-.786-3.25-1.808-4.59-2.808"/><path fill="#004a7c" d="M18.098 22.13c-.61 0-1.215-.272-1.803-.607c-.943-.538-4.735-3.033-5.88-3.788c-.265.317-.712.78-1.237.995c-.496.203-.905.157-1.268.12c-.362-.038-.65-.07-1.04.125c-.522.262-.987.627-1.515.88c-.562.27-1.6.238-2.13.037C1.99 19.428 1.8 18.77 1.738 18.51c.607.43 1.397.897 2.28.86c1.307-.055 1.782-.78 2.485-1.133c.604-.302 1.097-.25 1.494-.207c.316.032.566.06.87-.065c.48-.195.965-.8 1.113-1.017l.227-.338l.34.225c.05.035 5.09 3.363 6.156 3.97c.585.335 1.327.712 1.977.335c.742-.43 1.348-1.125 2.023-1.652c.34-.268.704-.52 1.122-.638c.418-.115.902-.068 1.227.217c-1.344.078-2.45 1.273-3.287 2.215c-.547.618-1.108.848-1.668.848"/><path stroke="#9e9e9e" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".837" d="M15.67 18.928c.39-1.376 1.347-2.493 1.972-3.428m-3.897 2.117c.005-1.38 1.38-3.32 1.613-3.53"/><path stroke="#e0e0e0" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".837" d="M11.475 16.543c1.3-1.26 3.025-2.4 3.883-2.555m-1.613 3.63a8.5 8.5 0 0 1 3.94-2.363"/><path stroke="#9e9e9e" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".837" d="M17.828 19.835c.367-1.065 1.067-2.205 1.704-3.128"/><path stroke="#e0e0e0" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".837" d="M15.55 18.928a8.24 8.24 0 0 1 4.037-2.3"/><path fill="#03a9f4" d="M4.715 12.42a.25.25 0 0 1-.105.055c-.25.078-.418-.015-.673.045c-.334.08-.687.408-.77.742c-.082.335-.024.688.073 1.015c.188.623.53 1.198.987 1.66c.145.146.305.288.378.48c.072.193.015.453-.175.525a.44.44 0 0 1-.247.008a1.5 1.5 0 0 1-.42-.17a4.6 4.6 0 0 1-1.188-.93a2.8 2.8 0 0 1-.558-.848c-.284-.73-.05-1.575.43-2.195c.35-.452.7-.655 1.308-.777c.192-.04.553-.09.89-.022c.153.03.213.275.07.412"/><path fill="#37474f" d="M9.055 15.5c.008.02-.105-.045-.112-.025c-.018.043-.08.025-.118 0c-.185-.127-.305-.325-.412-.52c-.113-.207-.213-.43-.226-.665c-.037-.675.698-.78.698-.78c-.125.285-.123.655-.125.845c-.005.383.155.79.295 1.145"/><path fill="#82aec0" d="M2.063 26.323c.307.09.615.162.927.224q.465.1.935.168c.628.09 1.26.143 1.895.185c.635.053 1.273.098 1.917.17c.64.078 1.316.175 1.958.455c1.172.478 2.348.948 3.547 1.335c1.195.4 2.408.75 3.633 1.01c1.223.275 2.462.455 3.703.508c.62.027 1.237.02 1.852-.038c.622-.062 1.242-.14 1.86-.245c1.23-.215 2.44-.567 3.558-1.117a8.2 8.2 0 0 0 1.595-.976a6 6 0 0 0 .692-.634a3.6 3.6 0 0 0 .57-.75l.05.022c-.275.587-.717 1.07-1.192 1.497a8.5 8.5 0 0 1-1.578 1.093c-1.127.613-2.357 1.015-3.607 1.28c-1.25.26-2.53.425-3.813.382c-1.28-.034-2.553-.217-3.805-.487c-2.5-.553-4.918-1.433-7.24-2.492c-.572-.273-1.205-.39-1.832-.488c-.63-.095-1.265-.16-1.9-.238c-1.266-.155-2.54-.36-3.743-.812z"/></g></svg>Cara memakai ikon Bundle Runner
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:bundle-runner" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:bundle-runner" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:bundle-runner" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--bundle-runner]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:bundle-runner"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:bundle-runner"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/unjs/bundle-runner.svg" alt="Ikon Bundle Runner" width="24" height="24">FAQ Ikon Bundle Runner
Apakah ikon Bundle Runner gratis untuk penggunaan komersial?
Ya. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bundle Runner di React?
Pasang @iconify/react lalu render <Icon icon="unjs:bundle-runner" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bundle Runner ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/bundle-runner.svg" alt="Ikon Bundle Runner">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.