Icône Coredns Light
thesvg-color:coredns-light
L'icône Coredns Light (thesvg-color:coredns-light) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 440 × 393. 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
- 440 × 393
- Mots-clés
- corednslight, coredn
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="440" height="393" viewBox="0 0 440 393"><linearGradient id="SVGIXEB3bFT" x1="1387.905" x2="1691.089" y1="-3449.15" y2="-3449.15" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGIXEB3bFT)" d="M246.8 138.9c5.6 0 11.2 2.1 15.4 6.4l12.6 12.6l-12.6-12.6c-4.2-4.3-9.8-6.4-15.4-6.4"/><linearGradient id="SVG8ov9odQd" x1="1387.905" x2="1691.089" y1="-3506.712" y2="-3506.712" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#754fa0"/><stop offset=".181" stop-color="#6e4a99"/><stop offset=".457" stop-color="#5c3f8b"/><stop offset=".791" stop-color="#413079"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVG8ov9odQd)" d="M123.6 154.1c14-14 36.8-14 50.8 0l10.6 10.6l32.9-32.9c15.9-15.9 41.9-15.9 57.8 0l12.6 12.6l31.6-31.6L251 43.9c-19.8-19.8-52.3-19.8-72.2 0L36.7 186.2C19.8 203 17.4 229 29.2 248.6l.4-.4z"/><linearGradient id="SVGx7bndb1i" x1="1387.905" x2="1691.088" y1="-3362.654" y2="-3362.654" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#754fa0"/><stop offset=".181" stop-color="#6e4a99"/><stop offset=".457" stop-color="#5c3f8b"/><stop offset=".791" stop-color="#413079"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGx7bndb1i)" d="M309.3 277.9c-14 14-36.8 14-50.8 0L246 265.3l-41.5 41.5c-15.9 15.9-41.9 15.9-57.8 0L136 296.1l-30.8 30.8l63.3 63.3c19.8 19.8 52.3 19.8 72.2 0L383 248c14.8-14.8 18.6-36.7 11.3-55l-4.6 4.6z"/><path fill="#fff" d="M191 293.3c-2.1 2.1-4.6 3.7-7.2 4.8s-5.4 1.6-8.2 1.6c-5.6 0-11.2-2.1-15.4-6.4l-10.7-10.7l-12.3-12.3c-4.3-4.3-6.4-9.8-6.4-15.4c0-2.8.5-5.6 1.6-8.2s2.7-5.1 4.8-7.2l61.3-61.3l32.9-32.9c3.2-3.2 7.1-5.2 11.3-6c1.4-.3 2.8-.4 4.2-.4c5.6 0 11.2 2.1 15.4 6.4l12.6 12.6l13.5-13.5l-12.6-12.6c-15.9-15.9-41.9-15.9-57.8 0l-33 32.9l-61.3 61.3c-3 3-5.4 6.3-7.3 9.9c-.6 1.2-1.2 2.4-1.7 3.6c-4.5 11.1-3.9 23.7 1.7 34.4c1.9 3.6 4.3 6.9 7.3 9.9l12.3 12.3l10.7 10.7c15.9 15.9 41.9 15.9 57.8 0l41.5-41.5l-13.5-13.5z"/><path fill="#2c256c" d="m389.6 197.6l4.6-4.6c-1.7-4.2-4-8.2-6.8-12c1 5.5 1.7 11 2.2 16.6"/><path fill="#5b2d82" d="m29.6 248.1l-.4.4c.3.5.5 1 .8 1.4c-.1-.5-.3-1.1-.4-1.8"/><linearGradient id="SVGFZwENbzR" x1="1387.905" x2="1691.089" y1="-3434.108" y2="-3434.108" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGFZwENbzR)" d="m232.1 200.7l42.8-42.8l-12.6-12.6c-4.3-4.3-9.8-6.4-15.4-6.4c-1.4 0-2.8.1-4.2.4c-4.1.8-8.1 2.8-11.3 6l-32.9 32.9l2.3 2.3c14 14 14 36.8 0 50.8l-51.4 51.4l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c2.8 0 5.6-.5 8.2-1.6s5.1-2.7 7.2-4.8l41.5-41.5l-.4-.4c-13.9-14-13.9-36.8.1-50.8"/><linearGradient id="SVGQnpRUdkp" x1="1359.162" x2="1723.274" y1="-3434.108" y2="-3434.108" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#754fa0"/><stop offset=".181" stop-color="#6e4a99"/><stop offset=".457" stop-color="#5c3f8b"/><stop offset=".791" stop-color="#413079"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGQnpRUdkp)" d="m232.1 200.7l42.8-42.8l-12.6-12.6c-4.3-4.3-9.8-6.4-15.4-6.4c-1.4 0-2.8.1-4.2.4c-4.1.8-8.1 2.8-11.3 6l-32.9 32.9l2.3 2.3c14 14 14 36.8 0 50.8l-51.4 51.4l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c2.8 0 5.6-.5 8.2-1.6s5.1-2.7 7.2-4.8l41.5-41.5l-.4-.4c-13.9-14-13.9-36.8.1-50.8"/><path fill="#fff" d="M191 293.3c-2.1 2.1-4.6 3.7-7.2 4.8c2.6-1 5.1-2.6 7.2-4.8"/><linearGradient id="SVGBplP0dQD" x1="1359.162" x2="1723.274" y1="-3396.875" y2="-3396.875" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGBplP0dQD)" d="M191 293.3c-2.1 2.1-4.6 3.7-7.2 4.8c2.6-1 5.1-2.6 7.2-4.8"/><path fill="#fff" d="m149.5 282.7l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c-5.6 0-11.2-2.1-15.4-6.4z"/><linearGradient id="SVGZ1izvVOB" x1="1359.162" x2="1723.274" y1="-3417.679" y2="-3417.679" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGZ1izvVOB)" d="m149.5 282.7l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c-5.6 0-11.2-2.1-15.4-6.4z"/><path fill="#fff" d="M231.4 145.3c3.2-3.2 7.1-5.2 11.3-6c-4.2.8-8.2 2.8-11.3 6"/><linearGradient id="SVGwfa6dbce" x1="1359.162" x2="1723.274" y1="-3470.335" y2="-3470.335" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGwfa6dbce)" d="M231.4 145.3c3.2-3.2 7.1-5.2 11.3-6c-4.2.8-8.2 2.8-11.3 6"/><path fill="#2c256c" d="M36.7 258.3c-2.6-2.6-4.8-5.4-6.7-8.3c-.3-.5-.6-1-.8-1.4l-13.5 13.5c-14 14-14 36.8 0 50.8L42 339.3c11.3 11.3 28.3 13.5 41.8 6.6c3.2-1.7 6.3-3.8 9-6.6l8.4-8.4l3-3l1-1z"/><path fill="#5b2d82" d="M123.7 283.8c-3-3-5.4-6.3-7.3-9.9c-5.6-10.7-6.2-23.3-1.7-34.4c.5-1.2 1.1-2.4 1.7-3.6c1.9-3.6 4.3-6.9 7.3-9.9l61.3-61.3l-10.6-10.6c-14-14-36.8-14-50.8 0l-94 94c.1.6.3 1.2.4 1.9c1.9 2.9 4.1 5.7 6.7 8.3l68.6 68.6l30.8-30.8z"/><path fill="#5b2d82" d="M114.7 239.5c-4.5 11.1-3.9 23.7 1.7 34.4c-5.6-10.7-6.2-23.3-1.7-34.4m34.8 43.2l51.4-51.4c14-14 14-36.8 0-50.8l-2.3-2.3l-61.3 61.3c-2.1 2.1-3.7 4.6-4.8 7.2s-1.6 5.4-1.6 8.2c0 5.6 2.1 11.2 6.4 15.4z"/><path fill="#5b2d82" d="M137.1 270.3c-4.3-4.3-6.4-9.8-6.4-15.4c.1 5.6 2.2 11.2 6.4 15.4l12.3 12.3zm.1-30.8c-2.1 2.1-3.7 4.6-4.8 7.2c1-2.6 2.6-5.1 4.8-7.2"/><path fill="#2c256c" d="m274.9 157.9l-42.8 42.8c-14 14-14 36.8 0 50.8l.4.4l52.7-52.7c3.2-3.2 5.2-7.1 6-11.3c.3-1.4.4-2.8.4-4.2c0-5.6-2.1-11.2-6.4-15.4z"/><path fill="#2c256c" d="M285.2 199.1c3.2-3.2 5.2-7.1 6-11.3c-.8 4.2-2.8 8.1-6 11.3"/><path fill="#623393" d="M285.2 168.3c4.3 4.3 6.4 9.8 6.4 15.4c0-5.6-2.1-11.2-6.4-15.4l-10.4-10.4zm13.5 44.3c4-4 7-8.6 9-13.5c-2 4.9-5 9.5-9 13.5"/><path fill="#623393" d="M307.7 199.1c.5-1.2.9-2.5 1.3-3.7c4.1-13.9.7-29.6-10.3-40.5l-10.4-10.4l-13.5 13.5l10.4 10.4c4.3 4.3 6.4 9.8 6.4 15.4c0 1.4-.1 2.8-.4 4.2c-.8 4.1-2.8 8.1-6 11.3L232.5 252l13.5 13.5l52.7-52.7c4-4.2 7-8.8 9-13.7M417.3 119l-26.4-26.4c-13.2-13.2-34.1-14-48.2-2.3c-.9.7-1.8 1.5-2.6 2.4l-17 17l-3 3l-.1.1l63 63c1.6 1.6 3.1 3.4 4.4 5.2c2.8 3.7 5.1 7.7 6.8 12l23.1-23.1c14-14.1 14-36.8 0-50.9"/><path fill="#2c256c" d="M298.7 154.8c11 11 14.4 26.6 10.3 40.5c-.4 1.3-.8 2.5-1.3 3.7c-2 4.9-5 9.5-9 13.5L246 265.3l12.5 12.5c14 14 36.8 14 50.8 0l80.3-80.3c-.5-5.6-1.2-11.1-2.2-16.6c-1.4-1.8-2.8-3.5-4.4-5.2l-63-63l-31.6 31.6z"/><path fill="#2c256c" d="M298.7 154.8c11 11 14.4 26.6 10.3 40.5c4.1-13.9.7-29.5-10.3-40.5l-10.4-10.4z"/></svg>Comment utiliser l'icône Coredns Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:coredns-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:coredns-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:coredns-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--coredns-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:coredns-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:coredns-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/coredns-light.svg" alt="Icône Coredns Light" width="24" height="24">Icônes similaires dans theSVG Color
L'icône Coredns Light dans d'autres collections
FAQ : Icône Coredns Light
L'icône Coredns 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 Coredns Light dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:coredns-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Coredns Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/coredns-light.svg" alt="Icône Coredns Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.