Ikon Spyder Wordmark

devicon:spyder-wordmark

Ikon Spyder Wordmark (devicon:spyder-wordmark) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon 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: Devicon
Pembuat: konpa
Lisensi: MIT
Ukuran: 128 × 128
Tag: spyderwordmark

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#8c0000" d="M31.493 44.885a5.77 5.77 0 0 0-3.647-1.297H5.796a5.75 5.75 0 0 0-2.7.67a5.85 5.85 0 0 0-2.343 2.27a5 5 0 0 0-.286.571c-.049.133-.108.262-.153.39a5.3 5.3 0 0 0-.21.813A5.6 5.6 0 0 0 0 49.386v22.05a5.7 5.7 0 0 0 .572 2.511a5.8 5.8 0 0 0 5.23 3.278h11.761a.31.31 0 0 0 .314-.31V75.52a.314.314 0 0 0-.314-.314h-1.527l-4.557-9.247l10.408-13.783a1.2 1.2 0 0 0 .191-.405l9.53 1.458v2.144a.317.317 0 0 0 .314.314h1.415a.314.314 0 0 0 .31-.314v-5.99a5.76 5.76 0 0 0-2.154-4.498m-12.002.74l.492 3.925l-7.702-1.178l-.35-2.748zm-13.696 0h4.237l.303 2.44l-5.617-.844l-1.779-.275a3.74 3.74 0 0 1 2.856-1.322zm4.289 4.316l-3.93 5.23l-3.096-6.311zm-8.048 1.112l2.518 5.101l-2.518.31zm0 7.322l3.393-.429l3.515 7.117l-6.908.868zm11.908 16.831H6.109a4.083 4.083 0 0 1-4.073-4.1v-3.31l7.78-.976ZM10.55 64.09l-3.487-7.036l5.108-6.765l7.874 1.207zM31.6 51.342l-9.693-1.506l-.527-4.222h6.15a4.083 4.083 0 0 1 4.07 4.083z"/><path fill="#303030" d="M33.184 58.382a.516.516 0 0 1 .488.558v1.5a.464.464 0 0 1-.523.523H26.66c-1.607 0-2.549.557-2.549 1.813v.456c0 .977.454 1.814 2.166 2.441l4.637 1.848c3.211 1.22 3.487 3.002 3.487 4.92v.384c0 3.908-2.34 4.675-7.047 4.675c-3.037 0-5.792-.244-6.384-.313c-.419-.035-.523-.244-.523-.523v-1.538a.464.464 0 0 1 .523-.523h6.454c2.79 0 3.66-.314 3.66-1.813v-.419c0-1.01-.418-1.673-2.021-2.336l-4.955-1.886c-2.685-1.046-3.348-3.069-3.348-4.986v-.736c0-3.835 3.348-4.358 7.082-4.358a44 44 0 0 1 5.342.313m20.963 9.383c0 7.78-1.395 9.735-7.989 9.735a38 38 0 0 1-4.606-.209v6.42a.464.464 0 0 1-.523.522h-2.301a.464.464 0 0 1-.523-.523V59.25c0-.383.21-.522.558-.592a39 39 0 0 1 7.22-.593c6.769.004 8.164 1.991 8.164 9.7m-12.595-6.771v13.292a38 38 0 0 0 4.397.279c4.327 0 4.85-1.325 4.85-6.768s-.488-6.803-4.78-6.803zm32.061-2.751a.464.464 0 0 1 .523.523v16.813c-.035 6.841-1.36 8.829-8.058 8.829a35 35 0 0 1-5.268-.314a.516.516 0 0 1-.488-.558v-1.503a.464.464 0 0 1 .523-.523h5.164c3.905 0 4.78-.941 4.78-4.08v-.209a27.5 27.5 0 0 1-4.606.28c-6.594 0-7.988-1.992-7.988-9.527v-9.208a.464.464 0 0 1 .523-.523h2.266a.464.464 0 0 1 .523.523v9c0 5.442.558 6.802 4.882 6.802a38 38 0 0 0 4.397-.244V58.766a.464.464 0 0 1 .523-.523zm20.199-7.291a.464.464 0 0 1 .523.523v24.86c0 .384-.209.524-.557.559a39.3 39.3 0 0 1-7.257.592c-6.77 0-8.13-1.92-8.13-9.665s1.36-9.763 7.953-9.763a37 37 0 0 1 4.64.244v-6.827a.464.464 0 0 1 .524-.523zm-7.26 10.042c-4.323 0-4.81 1.325-4.81 6.803c0 5.373.452 6.768 4.78 6.768a39 39 0 0 0 4.463-.28v-13.29Zm27.735 6.276v1.011c0 .698-.174.98-1.255.98h-11.095c.104 4.254.91 5.3 4.64 5.3h5.722a.464.464 0 0 1 .523.523v1.538a.516.516 0 0 1-.488.558a43 43 0 0 1-5.826.313c-6.559 0-7.954-1.92-7.954-9.7s1.395-9.731 7.954-9.731c6.245.007 7.71 1.855 7.779 9.208m-12.385-.732h9.038c-.07-4.432-.802-5.548-4.432-5.548c-3.766.004-4.537 1.123-4.606 5.555zm25.572-8.086c.349.105.523.244.523.593v1.464a.45.45 0 0 1-.558.488h-3.04c-2.406 0-3.034.384-3.034 1.957v13.85a.464.464 0 0 1-.523.522h-2.266a.464.464 0 0 1-.527-.523V62.16c0-3.94 3.487-4.08 5.513-4.08c.837-.01 3.215.125 3.912.373z" class="b"/></svg>

Cara memakai ikon Spyder Wordmark

React

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

<Icon icon="devicon:spyder-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon:spyder-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon:spyder-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--spyder-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:spyder-wordmark"></div>

Web component

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

<iconify-icon icon="devicon:spyder-wordmark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/spyder-wordmark.svg" alt="Ikon Spyder Wordmark" width="24" height="24">

Ikon terkait di Devicon

Ikon Spyder Wordmark di set ikon lain

FAQ Ikon Spyder Wordmark

Apakah ikon Spyder Wordmark gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Spyder Wordmark di React?

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

Bagaimana cara menambahkan ikon Spyder Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/spyder-wordmark.svg" alt="Ikon Spyder Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →