Icône Overseerr
thesvg-color:overseerr
L'icône Overseerr (thesvg-color:overseerr) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 456 × 96. 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
- 456 × 96
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="456" height="96" viewBox="0 0 456 96"><g fill="none"><path fill="url(#SVGh9MNhd0j)" fill-rule="evenodd" d="M48 96c26.51 0 48-21.49 48-48S74.51 0 48 0S0 21.49 0 48s21.49 48 48 48m32-44c0 15.464-12.536 28-28 28S24 67.464 24 52c0-2.87.432-5.639 1.234-8.245C27.429 48.616 32.319 52 38 52c7.732 0 14-6.268 14-14c0-5.68-3.383-10.571-8.245-12.766A28 28 0 0 1 52 24c15.464 0 28 12.536 28 28" clip-rule="evenodd"/><path fill="#131928" fill-rule="evenodd" d="M80 52c0 15.464-12.536 28-28 28c-15.136 0-27.467-12.01-27.983-27.02Q24 53.486 24 54c0 16.569 13.432 30 30 30c16.569 0 30-13.431 30-30c0-16.568-13.431-30-30-30q-.51 0-1.017.017C67.992 24.535 80 36.865 80 52" clip-rule="evenodd" opacity=".2"/><path fill="url(#SVGrhWjLdIF)" fill-rule="evenodd" d="M48 12c-19.882 0-36 16.118-36 36a4 4 0 0 1-8 0C4 23.7 23.7 4 48 4a4 4 0 0 1 0 8" clip-rule="evenodd"/><path fill="#fff" d="M143.82 68.5q-5.601 0-10.125-2.522q-4.524-2.594-7.11-7.206Q124 54.09 124 47.964q0-6.053 2.657-10.736t7.253-7.206t10.269-2.522t10.269 2.522t7.253 7.206q2.657 4.682 2.657 10.736q0 6.053-2.729 10.736q-2.728 4.685-7.468 7.278q-4.668 2.522-10.341 2.522m0-7.134a11.95 11.95 0 0 0 5.889-1.513q2.8-1.513 4.524-4.54q1.723-3.026 1.723-7.349t-1.651-7.278q-1.652-3.025-4.381-4.54a11.95 11.95 0 0 0-5.888-1.512q-3.16 0-5.889 1.513q-2.657 1.513-4.237 4.54q-1.58 2.954-1.58 7.277q0 6.413 3.232 9.944q3.303 3.458 8.258 3.458m43.209-.864l11.203-32.354h8.689L191.84 67.852h-9.766l-15.009-39.704h8.761zm61.627-13.475q0 2.234-.287 4.035h-30.233q.359 4.756 3.519 7.638q3.159 2.883 7.755 2.883q6.607 0 9.336-5.549h8.833q-1.795 5.477-6.535 9.007q-4.668 3.459-11.634 3.459q-5.673 0-10.197-2.522q-4.452-2.594-7.038-7.206q-2.513-4.683-2.513-10.808t2.442-10.736q2.513-4.684 6.965-7.206q4.525-2.522 10.341-2.522q5.602 0 9.982 2.45q4.381 2.45 6.822 6.917q2.442 4.395 2.442 10.16m-8.546-2.594q-.072-4.54-3.231-7.277q-3.16-2.739-7.828-2.739q-4.236 0-7.253 2.739q-3.015 2.666-3.59 7.277zm24.789-10.52q1.796-3.027 4.74-4.684q3.015-1.73 7.109-1.729v8.503h-2.083q-4.811 0-7.324 2.45q-2.442 2.45-2.442 8.502v20.897h-8.187V28.148h8.187zm32.3 34.587q-4.668 0-8.402-1.657q-3.661-1.73-5.817-4.612q-2.154-2.954-2.298-6.557h8.474q.216 2.521 2.37 4.251q2.226 1.658 5.53 1.658q3.447 0 5.314-1.297q1.938-1.37 1.939-3.46q0-2.232-2.155-3.314q-2.082-1.08-6.678-2.378q-4.453-1.224-7.253-2.377t-4.884-3.531q-2.01-2.378-2.01-6.27q0-3.17 1.867-5.764q1.867-2.666 5.314-4.179q3.519-1.513 8.043-1.513q6.75 0 10.843 3.459q4.165 3.387 4.453 9.295h-8.187q-.215-2.666-2.154-4.251q-1.94-1.586-5.242-1.586q-3.232 0-4.955 1.225q-1.724 1.226-1.724 3.243q0 1.585 1.149 2.666t2.801 1.73q1.652.576 4.883 1.513q4.308 1.152 7.038 2.377a12.74 12.74 0 0 1 4.811 3.46q2.01 2.305 2.082 6.124q0 3.387-1.867 6.053t-5.314 4.179q-3.375 1.513-7.971 1.513m59.545-21.473q0 2.234-.287 4.035h-30.233q.358 4.756 3.519 7.638q3.16 2.883 7.756 2.883q6.606 0 9.335-5.549h8.833q-1.795 5.477-6.535 9.007q-4.668 3.459-11.633 3.459q-5.674 0-10.198-2.522q-4.452-2.594-7.037-7.206q-2.514-4.683-2.514-10.808t2.442-10.736q2.513-4.684 6.966-7.206q4.524-2.522 10.341-2.522q5.601 0 9.981 2.45q4.381 2.45 6.823 6.917q2.44 4.395 2.441 10.16m-8.545-2.594q-.073-4.54-3.232-7.277q-3.16-2.739-7.828-2.739q-4.236 0-7.253 2.739q-3.015 2.666-3.59 7.277zm52.867 2.594q0 2.234-.288 4.035h-30.233q.36 4.756 3.519 7.638q3.16 2.883 7.756 2.883q6.606 0 9.336-5.549h8.832q-1.795 5.477-6.535 9.007q-4.667 3.459-11.633 3.459q-5.673 0-10.197-2.522q-4.453-2.594-7.038-7.206q-2.514-4.683-2.513-10.808t2.441-10.736q2.514-4.684 6.966-7.206q4.524-2.522 10.341-2.522q5.6 0 9.982 2.45q4.38 2.45 6.822 6.917q2.442 4.395 2.442 10.16m-8.546-2.594q-.072-4.54-3.232-7.277q-3.159-2.739-7.827-2.739q-4.237 0-7.253 2.739q-3.017 2.666-3.591 7.277zm24.789-10.52q1.794-3.027 4.739-4.684q3.017-1.73 7.109-1.729v8.503h-2.082q-4.812 0-7.325 2.45q-2.441 2.45-2.441 8.502v20.897h-8.187V28.148h8.187zm26.842 0q1.796-3.027 4.74-4.684Q451.906 27.5 456 27.5v8.503h-2.083q-4.811 0-7.324 2.45q-2.442 2.45-2.442 8.502v20.897h-8.187V28.148h8.187z"/><defs><linearGradient id="SVGh9MNhd0j" x1="48" x2="117.5" y1="0" y2="69.5" gradientUnits="userSpaceOnUse"><stop stop-color="#c395fc"/><stop offset="1" stop-color="#4f65f5"/></linearGradient><linearGradient id="SVGrhWjLdIF" x1="28" x2="28" y1="8" y2="48" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".4"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></g></svg>Comment utiliser l'icône Overseerr
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:overseerr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:overseerr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:overseerr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--overseerr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:overseerr"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:overseerr"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/overseerr.svg" alt="Icône Overseerr" width="24" height="24">L'icône Overseerr dans d'autres collections
FAQ : Icône Overseerr
L'icône Overseerr 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 Overseerr dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:overseerr" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Overseerr à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/overseerr.svg" alt="Icône Overseerr">, ou collez le code SVG directement dans la page pour le styliser en CSS.