Ikon Nuxt Studio Dark

thesvg-color:nuxt-studio-dark

Ikon Nuxt Studio Dark (thesvg-color:nuxt-studio-dark) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 227 × 32. theSVG Color 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: theSVG Color
Pembuat: thesvg.org
Lisensi: MIT
Ukuran: 227 × 32
Tag: nuxtstudio, studiodark, nuxtstudiodark

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="227" height="32" viewBox="0 0 227 32"><g fill="none"><path fill="#fff" d="M60.86 32c.346 0 .64-.287.64-.64V16.48s.8 1.44 2.24 3.84l6.24 10.72c.286.598.919.96 1.44.96h4.32V8h-4.32c-.288 0-.64.24-.64.64v15.04l-2.88-5.12l-5.76-9.76c-.28-.497-.883-.8-1.44-.8h-4.16v24zm55.84-17.28h2.08c.53 0 .96-.43.96-.96V9.6h4.48v5.12h4.32v3.84h-4.32v6.88c0 1.68.809 2.4 2.24 2.4h2.08V32h-2.72c-3.688 0-6.08-2.389-6.08-6.4v-7.04h-3.04zm-21.6 0v9.92c0 2.24-.841 4.13-2.08 5.44S90.07 32 87.74 32s-4.201-.61-5.44-1.92c-1.218-1.31-2.08-3.2-2.08-5.44v-9.92h2.56c.546 0 1.083.1 1.44.48c.357.36.48.57.48 1.12v8.32c0 1.29.073 2.086.64 2.72c.567.613 1.266.8 2.4.8c1.155 0 1.673-.187 2.24-.8c.567-.634.64-1.43.64-2.72v-8.32c0-.55.123-.9.48-1.28c.314-.334.645-.326 1.12-.32zm13.6 8.32l5.44-8.32h-4.16c-.524 0-.99.188-1.28.64l-2.56 3.84l-2.4-3.68c-.29-.452-.916-.8-1.44-.8h-4l5.44 8.16L97.82 32h4.16c.52 0 .989-.514 1.28-.96l2.88-4.32l3.04 4.48c.291.446.76.8 1.28.8h4.16z"/><path fill="#00dc82" d="M27.42 32h17.76c.567 0 1.11-.2 1.6-.48s.997-.633 1.28-1.12c.283-.486.48-1.038.48-1.6s-.196-1.114-.48-1.6l-12-20.64a2.9 2.9 0 0 0-1.12-1.12c-.49-.28-1.193-.48-1.76-.48s-1.11.2-1.6.48s-.837.634-1.12 1.12l-3.04 5.28L21.34 1.6c-.283-.487-.63-1-1.12-1.28S19.187 0 18.62 0s-1.11.04-1.6.32s-.997.793-1.28 1.28L.86 27.2c-.284.486-.32 1.038-.32 1.6c0 .561.037 1.113.32 1.6c.283.486.79.84 1.28 1.12s1.033.48 1.6.48h11.2c4.438 0 7.668-1.99 9.92-5.76l5.44-9.44l2.88-4.96l8.8 15.04H30.3zm-12.64-5.12H6.94L18.62 6.72l5.92 10.08l-3.921 6.836c-1.496 2.446-3.2 3.244-5.839 3.244M143.26 32c4.874 0 8.16-2.62 8.16-6.72c0-8.67-11.36-4.87-11.36-9.44c0-1.283 1.208-2.4 3.04-2.4c1.84 0 2.933 1.032 3.268 2.463c.075.322.346.577.677.577h3.895c-.124-4.163-3.152-6.88-7.84-6.88c-4.408 0-7.52 2.45-7.52 6.08c0 8.608 11.2 5.312 11.2 9.6c0 1.659-1.44 2.56-3.52 2.56c-2.297 0-3.814-1.298-4-3.52h-3.654a.61.61 0 0 0-.618.665C135.44 29.27 138.563 32 143.26 32m12.48-16.96c0 .53-.43.96-.96.96h-2.08v3.52h3.04v6.56c0 3.662 2.319 5.92 5.92 5.92h2.56v-3.68h-1.92c-1.397 0-2.24-.706-2.24-2.24v-6.56h4.16V16h-4.16v-4.8h-4.32zM191.26 32c1.801 0 3.291-.86 4.16-2.08V32h4.32V9.6h-4.32v8c-.869-1.158-2.364-1.6-4.32-1.6c-4.533 0-7.36 2.926-7.36 7.84s2.925 8.16 7.52 8.16m.64-3.84c-2.297 0-3.84-1.69-3.84-4.32c0-2.66 1.543-4.48 3.84-4.48s3.84 1.82 3.84 4.48c0 2.63-1.543 4.32-3.84 4.32m11.2-14.72c0 .354.286.64.64.64h3.84v-3.84a.64.64 0 0 0-.64-.64h-3.84zM207.579 32V16H203.1v16zm10.561 0c4.812 0 8.32-3.465 8.32-8.16S222.952 16 218.14 16s-8.16 3.145-8.16 7.84s3.348 8.16 8.16 8.16m0-3.84c-2.328 0-3.84-1.722-3.84-4.32c0-2.63 1.512-4.16 3.84-4.16s4 1.53 4 4.16c0 2.598-1.672 4.32-4 4.32m-36.48-12.158v8.639c0 2.24-.841 4.129-2.08 5.44c-1.239 1.31-2.949 1.92-5.28 1.92s-4.201-.61-5.44-1.92c-1.218-1.311-2.08-3.2-2.08-5.44V16h2.56c.546 0 1.083.1 1.44.48c.357.36.48.571.48 1.12v7.04c0 1.29.073 2.086.64 2.72c.567.613 1.266.8 2.4.8c1.155 0 1.673-.187 2.24-.8c.567-.634.64-1.43.64-2.72V17.6c0-.549.123-.899.48-1.28c.314-.333.644-.326 1.12-.32c.066.002.254 0 .32 0z"/></g></svg>

Cara memakai ikon Nuxt Studio Dark

React

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

<Icon icon="thesvg-color:nuxt-studio-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:nuxt-studio-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:nuxt-studio-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nuxt-studio-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nuxt-studio-dark"></div>

Web component

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

<iconify-icon icon="thesvg-color:nuxt-studio-dark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/nuxt-studio-dark.svg" alt="Ikon Nuxt Studio Dark" width="24" height="24">

Ikon terkait di theSVG Color

FAQ Ikon Nuxt Studio Dark

Apakah ikon Nuxt Studio Dark gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Nuxt Studio Dark di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:nuxt-studio-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Nuxt Studio Dark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/nuxt-studio-dark.svg" alt="Ikon Nuxt Studio Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →