Icône Ngern Tid Lor
thesvg-color:ngern-tid-lor
L'icône Ngern Tid Lor (thesvg-color:ngern-tid-lor) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 1532 × 1490. 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
- 1532 × 1490
- Mots-clés
- ngerntid, tidlor, ngerntidlor
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1532" height="1490" viewBox="0 0 1532 1490"><defs><linearGradient id="SVG76MZCWaI" x1="116" x2="1318" y1="419.4" y2="419.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ed3f36"/><stop offset="1" stop-color="#b31f2a"/></linearGradient><linearGradient id="SVGclFU3dAT" x1="207.1" x2="1409.1" y1="1069.4" y2="1069.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ed3f36"/><stop offset="1" stop-color="#b31f2a"/></linearGradient><linearGradient id="SVGhslBMLqq" x1="847.1" x2="1492.5" y1="487" y2="487" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2a3b8e"/><stop offset="1" stop-color="#1c75ba"/></linearGradient><linearGradient id="SVGTijfvcjq" x1="39.3" x2="678" y1="1011.3" y2="1011.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1c75ba"/><stop offset="1" stop-color="#2a3b8e"/></linearGradient><clipPath id="SVGcj1gacqz" clipPathUnits="userSpaceOnUse"><path d="m116.02 456.4l347.2 349.36S579.1 569.38 792.95 381.97c134.71-118.05 308.19-216.6 516.03-224.46c2.93-.15 6.08-.34 9.07-.39c0 0-160.78-124.11-411.19-124.11c-213.25 0-491.52 90.01-790.84 423.39"/></clipPath><clipPath id="SVG1euF5bGU" clipPathUnits="userSpaceOnUse"><path d="M732.15 1108.02c-134.62 118.01-308.11 216.58-515.95 224.45c-3.1.11-6.03.33-9.11.37c0 0 551.32 425.58 1202.01-299.25L1062.02 681.8s-116.06 238.78-329.87 426.22"/></clipPath><clipPath id="SVGnQbj5cDG" clipPathUnits="userSpaceOnUse"><path d="M847.07 396.01c85.26 37.25 244.17 142.22 406.71 389.03l238.68-459.88c-40.84-51.5-96.88-104.65-133.06-136.19c-305.3.24-463.43 154.76-512.33 207.04"/></clipPath><clipPath id="SVG00fNGcZi" clipPathUnits="userSpaceOnUse"><path d="M39.27 1168.03c39.91 50.4 99.96 107.9 145.75 146.43c196.78-34.58 329.01-61.24 493.03-213.26c-86.4-39.23-241.44-152.2-400.09-392.98c0 0-238.69 459.79-238.69 459.81"/></clipPath></defs><path fill="#fff" fill-rule="evenodd" d="M618.8 1490c-254.9.2-421-122.7-431.5-130.6l-100.7-89.2l-1.6-2.5l-1.7-1.7c-2.1-2.2-50.7-53-70.2-77.5L0 1171.8L267.7 656L70.4 457.6l20.8-23.2C231.6 278.1 378.8 162.3 528.8 90.1C653.1 30.4 780 .1 906.2 0c259.3-.2 425.3 125.7 432.2 131c37.3 27.6 94.1 73.4 104 89.2l1.3 2.1l1.8 1.7c28.8 28.8 53.3 55.9 73.1 80.8l13.1 16.7l-268.3 517.2l191.2 193.9l-20.6 23c-140.4 156.3-287.7 272.1-437.8 344.3c-124.2 59.7-251.2 90-377.4 90.1"/><g clip-path="url(#SVGcj1gacqz)"><path fill="url(#SVG76MZCWaI)" fill-rule="evenodd" d="m116 456.4l347.2 349.4S579.1 569.4 793 382c134.7-118.1 308.1-216.6 516-224.5c2.9-.1 6.1-.3 9.1-.4c0 0-160.8-124.1-411.2-124.1c-213.3 0-491.6 90-790.9 423.4"/></g><g clip-path="url(#SVG1euF5bGU)"><path fill="url(#SVGclFU3dAT)" fill-rule="evenodd" d="M732.2 1108c-134.7 118-308.2 216.6-516 224.5c-3.1.1-6 .3-9.1.3c0 0 551.3 425.6 1202-299.2L1062 681.8S946 920.6 732.2 1108"/></g><g clip-path="url(#SVGnQbj5cDG)"><path fill="url(#SVGhslBMLqq)" fill-rule="evenodd" d="M847.1 396c85.2 37.3 244.1 142.2 406.7 389l238.7-459.8c-40.9-51.5-96.9-104.7-133.1-136.2c-305.3.2-463.4 154.7-512.3 207"/></g><g clip-path="url(#SVG00fNGcZi)"><path fill="url(#SVGTijfvcjq)" fill-rule="evenodd" d="M39.3 1168c39.9 50.4 99.9 107.9 145.7 146.5c196.8-34.6 329-61.3 493.1-213.3C591.7 1062 436.6 949 278 708.2z"/></g></svg>Comment utiliser l'icône Ngern Tid Lor
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ngern-tid-lor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ngern-tid-lor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ngern-tid-lor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ngern-tid-lor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ngern-tid-lor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ngern-tid-lor"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/ngern-tid-lor.svg" alt="Icône Ngern Tid Lor" width="24" height="24">FAQ : Icône Ngern Tid Lor
L'icône Ngern Tid Lor 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 Ngern Tid Lor dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:ngern-tid-lor" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ngern Tid Lor à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/ngern-tid-lor.svg" alt="Icône Ngern Tid Lor">, ou collez le code SVG directement dans la page pour le styliser en CSS.