ICONYZ
Français
Icône Lollypop Music Player de selfh.st/icons

Icône Lollypop Music Player

selfhst:lollypop-music-player

L'icône Lollypop Music Player (selfhst:lollypop-music-player) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
selfh.st/icons
Auteur
selfh.st
Licence
CC-BY-4.0
Taille
512 × 512
Mots-clés
lollypopmusic, musicplayer, lollypopmusicplayer
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="255.8" fill="#e73434"/><path d="M511.5 248.5C508.6 387.6 395.1 498.9 256 499C117.7 498.9 4.5 388.9.5 250.7c-.1 1.8-.2 3.5-.3 5.3C.2 397.3 114.7 511.8 256 511.8S511.8 397.3 511.8 256z" opacity=".2"/><path fill="#f6f5f4" d="M511.4 237.9c-.6-8.5-1.6-17-3.1-25.4c-1.3-7.6-3.1-15.1-5.1-22.5c-27.6-9.8-51.6-15.2-76.3-15.7c-12.7-.3-25.5.8-38.9 3.3c-16.4-27.4-41-49.4-70.5-62.3c41.7-27.1 85-31.2 131.5-27.2q-4.5-5.4-9.3-10.5c-5.9-6.1-12.2-11.9-18.7-17.4s-13.3-10.7-20.4-15.5c-7-4.8-14.3-9.3-21.8-13.4s-15.2-7.8-23.1-11.1s-15.9-6.2-24-8.8c-3-.8-6-1.8-9.1-2.5c-28.9 22.8-52.6 49.5-68.5 93.6c-33.3.4-64.1 11.5-89.1 29.9c-2.8-49.7 15.5-89.3 42.3-127.6c-6.6 1.2-13.2 2.8-19.7 4.5q-12.3 3.45-24.3 8.1c-12 4.65-15.8 6.6-23.4 10.4c-7.6 3.9-15 8.1-22.2 12.7s-14.1 9.6-20.8 14.9s-13.1 10.9-19.2 16.9c-.8.8-1.6 1.7-2.3 2.5c5.3 36.4 16.4 70.2 46.8 106.1c-12.5 22.2-19.6 47.8-19.6 75.1c0 5.8.3 11.5 1 17.1c-44.4-22.5-69.7-58.1-89.5-100.4c-1 2.5-1.7 5.2-2.5 7.8c-2.6 8.2-4.7 16.6-6.4 25s-2.9 16.4-3.7 24.9C.5 238.8.1 247.5.1 256c0 6 .2 12.1.6 18.1c.6 8.5 1.6 17 3.1 25.4c1.3 7.5 3 15 5 22.4c34.3 13.6 69 20.9 115.3 12.5c16.4 27.4 41 49.4 70.5 62.3c-41.7 27.1-84.9 31.3-131.5 27.3c3 3.6 6.1 6.9 9.3 10.3c5.9 6.1 12.2 12 18.7 17.5s13.3 10.7 20.4 15.5c7 4.8 14.3 9.3 21.8 13.4s15.2 7.8 23 11.1c7.9 3.3 15.9 6.3 24.1 8.8c3.1.8 6.2 1.7 9.3 2.5c28.9-22.8 52.5-49.4 68.4-93.6c33.3-.4 64.1-11.5 89-29.9c2.7 49.6-15.4 89.3-42.2 127.5c6.6-1.2 13.1-2.8 19.6-4.5q12.3-3.45 24.3-8.1c12-4.65 15.8-6.6 23.4-10.4c7.6-3.9 15-8.1 22.2-12.7s14.1-9.6 20.8-14.9s13.1-11 19.2-16.9c.8-.8 1.6-1.8 2.4-2.6c-5.4-36.4-16.5-70-46.9-106c12.5-22.2 19.6-47.8 19.6-75c0-5.8-.3-11.4-.9-17c44.3 22.5 69.6 58 89.3 100.3c.9-2.5 1.8-5.1 2.7-7.6c2.5-8.2 4.6-16.4 6.3-24.8s3-16.8 3.8-25.3c.9-8.5 1.3-17 1.3-25.6c0-6-.2-12.1-.6-18.1m-189.5 29.2l-89.4 51.3c-1.8.9-4.2 1.5-6.3 1.5h-12.9V192.1h12.9c2.1 0 4.5.3 6.3 1.5l89.4 51.3c3.9 2.1 6 6.6 6 11.1s-2.1 9-6 11.1"/></svg>

Comment utiliser l'icône Lollypop Music Player

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:lollypop-music-player" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:lollypop-music-player" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:lollypop-music-player" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--lollypop-music-player]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:lollypop-music-player"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:lollypop-music-player"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/lollypop-music-player.svg" alt="Icône Lollypop Music Player" width="24" height="24">

FAQ : Icône Lollypop Music Player

L'icône Lollypop Music Player est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Lollypop Music Player dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:lollypop-music-player" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Lollypop Music Player à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/lollypop-music-player.svg" alt="Icône Lollypop Music Player">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →