Ikon Nuxt Studio Light

thesvg-color:nuxt-studio-light

Ikon Nuxt Studio Light (thesvg-color:nuxt-studio-light) 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, studiolight, nuxtstudiolight

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="#000" 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 Light

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nuxt-studio-light"></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-light"></iconify-icon>

Gambar HTML

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

Ikon terkait di theSVG Color

FAQ Ikon Nuxt Studio Light

Apakah ikon Nuxt Studio Light 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 Light di React?

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

Bagaimana cara menambahkan ikon Nuxt Studio Light ke halaman web?

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

Lihat semua Ikon theSVG Color →