Icône Nuxt Ui Light
thesvg-color:nuxt-ui-light
L'icône Nuxt Ui Light (thesvg-color:nuxt-ui-light) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 165 × 32. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 165 × 32
- Mots-clés
- nuxtui, uilight, nuxtuilight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="165" height="32" viewBox="0 0 165 32"><g fill="none"><path fill="#000" d="M61.22 32c.346 0 .64-.287.64-.64V16.48s.8 1.44 2.24 3.84l6.24 10.72c.285.598.919.96 1.44.96h4.32V8h-4.32c-.288 0-.64.24-.64.64v15.04l-2.88-5.12L62.5 8.8c-.28-.497-.883-.8-1.44-.8H56.9v24zm55.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.43 32 88.1 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.644-.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.16L98.18 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.78 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.194-.48-1.76-.48s-1.11.2-1.6.48s-.837.634-1.12 1.12l-3.04 5.28L21.7 1.6c-.284-.487-.63-1-1.12-1.28S19.547 0 18.98 0s-1.11.04-1.6.32s-.997.793-1.28 1.28L1.22 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.66zm-12.64-5.12H7.3L18.98 6.72L24.9 16.8l-3.921 6.836c-1.496 2.446-3.201 3.244-5.84 3.244M154.18 9.6h-3.2c-.716 0-1.292-.01-1.76.48c-.468.463-.32.733-.32 1.44v11.04c0 1.66-.217 2.544-.96 3.36c-.744.789-1.685 1.12-3.2 1.12c-1.487 0-2.617-.331-3.36-1.12c-.744-.816-.8-1.7-.8-3.36V11.52c0-.707-.012-.977-.48-1.44c-.468-.49-1.044-.48-1.76-.48h-3.04v12.96c0 2.884.802 5.193 2.4 6.88c1.625 1.687 3.983 2.56 7.04 2.56s5.415-.873 7.04-2.56s2.4-3.996 2.4-6.88z"/><path fill="#00dc82" fill-rule="evenodd" d="m160.9 9.604l3.2-.004v20.641c0 .63-.003.868-.48 1.28c-.478.435-1.19.48-1.92.48h-3.04V11.203c0-.619.002-.876.48-1.28c.451-.382 1.03-.32 1.76-.32" clip-rule="evenodd"/></g></svg>Comment utiliser l'icône Nuxt Ui Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nuxt-ui-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nuxt-ui-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nuxt-ui-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nuxt-ui-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nuxt-ui-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-ui-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/nuxt-ui-light.svg" alt="Icône Nuxt Ui Light" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Nuxt Ui Light
L'icône Nuxt Ui Light est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Nuxt Ui Light dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:nuxt-ui-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Nuxt Ui Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/nuxt-ui-light.svg" alt="Icône Nuxt Ui Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.