Icône Paramount Light
thesvg-color:paramount-light
L'icône Paramount Light (thesvg-color:paramount-light) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 118 × 27. 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
- 118 × 27
- Mots-clés
- paramountlight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="118" height="27" viewBox="0 0 118 27"><path fill="#fff" d="M30.012 6.878C30.012 2.234 25.08 0 19.22 0C12.951 0 7.2 2.773 5.088 7.073a8.14 8.14 0 0 0-.883 3.697a5.55 5.55 0 0 0 .883 3.138c.905 1.333 2.52 2.172 4.89 2.172c2.907 0 5.212-1.591 5.212-4.365c0 0 .043-.773-.862-.773c-.733 0-.927.516-.905.773c.108 2.172-1.185 3.913-3.49 3.913c-2.584 0-3.662-2.193-3.662-4.536c0-4.794 3.62-7.975 7.389-9.352a15.1 15.1 0 0 1 5.514-.967c4.266 0 7.755 1.634 7.755 6.02c0 3.655-3.08 6.772-6.765 7.051l.151-.494c.754-2.687 1.68-5.632 3.188-7.803c.086-.13.237-.345.41-.56l-.216-.258a9 9 0 0 0-.926.644c-7.065 5.503-7.28 20.983-16.694 20.983q-.484 0-.97-.065c-1.96-.323-2.994-1.634-2.994-3.46c0-.366.129-.86.129-1.14a.94.94 0 0 0-.927-.967h-.107c-.84 0-1.185.665-1.207 1.612c-.064 2.73 1.961 4.32 5.084 4.622c.345.021.69.042 1.056.042c7.346 0 11.847-5.546 13.765-12.275a16 16 0 0 0 2.865-.6c3.408-.948 7.241-3.227 7.241-7.247m69.969 1.61h-2.584l-.583 1.355l-1.012 2.28h-1.206l-.366.774h1.249l-1.508 3.332c-1.077 2.342-2.758 4.643-3.727 4.643c-.215 0-.344-.086-.344-.3c0-.217.064-.41.302-1.012c.301-.709.798-1.741 1.164-2.494c.538-1.096 1.4-2.794 1.4-3.633s-.54-1.505-1.595-1.505c-1.185 0-2.262.71-3.252 1.74l.647-1.547H86.13l-1.981 4.514c-.797 1.591-2.413 4.235-3.425 4.235c-.215 0-.302-.129-.302-.344a1.8 1.8 0 0 1 .151-.56c.086-.194 1.271-2.966 1.271-2.966l2.154-4.923H81.37l-2.09 4.795c-.646 1.483-2.284 4-3.34 4a.335.335 0 0 1-.366-.302v-.086c0-.257.194-.73.344-1.076l1.1-2.408l2.262-4.923h-2.606l-.517 1.118c-.388.753-1.034 1.634-2.068 1.634c-.496 0-.732-.193-.84-.387c-.151-1.656-1.207-2.537-2.758-2.537c-2.154 0-3.684 1.268-4.697 2.817a14.4 14.4 0 0 0-1.55 3.418c-.927 1.527-1.895 2.71-2.671 2.71c-.195 0-.324-.109-.324-.366s.26-.838.346-1.054l1.701-3.61c.474-1.117.797-1.85.797-2.58c0-.774-.54-1.332-1.422-1.332c-1.228 0-2.564.71-3.62 1.87c.044-.194.044-.365.044-.56c0-.859-.43-1.31-1.315-1.31c-1.12 0-2.282.667-3.338 1.87l.69-1.678H52.76l-2.003 4.516c-.948 2.129-2.478 4.236-3.34 4.236c-.193 0-.322-.108-.322-.366c0-.407.452-1.418.625-1.826l2.65-5.997c.194-.452-1.077-.732-2.693-.732c-1.658 0-3.36.817-4.61 1.87c-.882.73-1.53 1.096-1.853 1.096c-.171 0-.237-.086-.237-.193c0-.365.883-1.398.883-2.193c0-.365-.193-.602-.69-.602c-.947 0-2.067.903-2.886 1.848l.69-1.655h-2.327l-2.003 4.515c-.947 2.129-2.521 4.343-3.382 4.343c-.195 0-.324-.107-.324-.366c0-.407.43-1.396.668-1.914l2.65-6.019c.194-.451-1.077-.732-2.692-.732c-2.392 0-4.718 1.614-5.947 3.268c-1.357 1.784-2.283 3.675-2.304 5.224c-.022 1.246.625 2.02 1.916 2.02c1.444 0 2.607-1.139 3.274-1.998a5 5 0 0 0-.086.515c0 .86.344 1.484 1.4 1.484c.925 0 2.154-.775 3.145-2l-.797 1.829h2.52l2.478-5.61c.819-1.828 1.745-2.774 2.003-2.774c.087 0 .13.044.13.107c0 .194-.388.71-.388 1.182c0 .474.258.839.948.839c.538 0 1.14-.259 1.68-.602c-1.272 1.72-2.134 3.526-2.134 5.01c-.022 1.247.625 2.021 1.918 2.021c1.357 0 2.628-1.29 3.317-2.15a5 5 0 0 0-.043.603c0 .838.474 1.547 1.444 1.547c1.076 0 1.938-.666 3.016-1.977l-.797 1.806h2.585l2.37-5.352c1.033-2.322 2.433-3.569 3.122-3.569a.313.313 0 0 1 .345.28v.065a2.3 2.3 0 0 1-.216.752l-3.403 7.847h2.65l2.412-5.46c1.034-2.344 2.176-3.484 3.037-3.484c.26 0 .366.13.366.408a2.3 2.3 0 0 1-.237.86l-2.327 4.944a4.6 4.6 0 0 0-.388 1.505c0 .753.41 1.42 1.573 1.42c1.508 0 2.649-1.14 3.942-2.839v.366c.108 1.354.86 2.536 2.865 2.536c2.37 0 4.288-1.633 5.45-4.234c.432-.925.732-1.893.84-2.904c.26.13.56.194.841.173c.388 0 .775-.087 1.12-.28l-.41.882c-.474.989-.99 2.085-1.4 3.01a4.9 4.9 0 0 0-.452 1.74c0 .925.517 1.592 1.573 1.592c1.055 0 2.5-.99 3.533-2.387h.022a4 4 0 0 0-.108.881c0 .775.237 1.506 1.314 1.506c1.25 0 2.219-.903 3.166-2.043l-.796 1.806h2.606l2.09-4.73c1.184-2.666 2.369-4.279 3.468-4.279c.195 0 .344.129.366.323v.064c0 .452-.647 1.678-1.227 2.903c-.539 1.117-.949 1.977-1.228 2.644c-.26.559-.41 1.16-.453 1.785c0 .816.453 1.44 1.466 1.44c1.508 0 3.037-1.461 3.855-2.558a5.4 5.4 0 0 0-.301 1.633c0 1.506.904 2.258 2.175 2.258c.84 0 1.66-.28 2.349-.774c.991-.689 1.788-1.72 2.456-2.666l-.453-.43c-.625.88-1.313 1.72-2.025 2.235a2.2 2.2 0 0 1-1.335.516c-.54 0-.883-.28-.883-.968s.323-1.613.818-2.86c.022-.02.732-1.611 1.4-3.138c.56-1.29 1.12-2.537 1.227-2.795h1.702l.345-.775h-1.68zm-73.48 12.405c-.366 0-.625-.129-.625-.602c.022-1.268 1.076-3.526 2.391-5.332c.926-1.247 2.132-2.172 3.425-2.172l-1.637 3.655c-1.227 2.753-2.562 4.45-3.554 4.45m16.114 0c-.366 0-.624-.129-.646-.602c.021-1.268 1.077-3.526 2.392-5.332c.925-1.247 2.132-2.172 3.424-2.172l-1.637 3.655c-1.249 2.817-2.52 4.45-3.533 4.45m28.607-7.115c-.064 1.397-1.293 4.772-2.735 6.793c-.581.817-1.078 1.054-1.508 1.054c-.603 0-.776-.495-.69-1.226c.13-1.268 1.185-4.235 2.65-6.278c.667-.925 1.12-1.312 1.638-1.312c.516 0 .667.431.645.969m40.206-1.652l2.371-5.467h-2.808l-2.371 5.467h-5.97l-.994 2.294h5.969l-2.372 5.467h2.809l2.371-5.468h5.968l.995-2.293z"/></svg>Comment utiliser l'icône Paramount Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:paramount-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:paramount-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:paramount-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--paramount-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:paramount-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:paramount-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/paramount-light.svg" alt="Icône Paramount Light" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Paramount Light
L'icône Paramount 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 Paramount Light dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:paramount-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Paramount Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/paramount-light.svg" alt="Icône Paramount Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.