ICONYZ
Français
Icône Prunemate de selfh.st/icons

Icône Prunemate

selfhst:prunemate

L'icône Prunemate (selfhst:prunemate) 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
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2396ed" d="m340.3 243.6l-3.3-1.2c-7.8-2.8-27.4-4-39.2.7c-2.1-7.1-3.9-11.8-6.4-16.4c-5-9.2-12.4-17-21.2-22.8l-4.2-2.8c-6.7 11.7-10.2 25-9.8 38.5c.1 2.2.2 4.4.3 6.7c.3 4.8 4.4 18.8 9.3 26.4c-3.7 2.2-6.5 4.7-14.5 6.4c-3.4.7-7 1-10.5 1H8.5c-3 .1-8.3 1.6-8.3 8.4c0 .2 0 .5-.1.8c-1.6 25.1 5.2 49.6 18.8 69.9c4.5.4 8.4.5 11.5.5c5.8-.1 12.3-.1 20.2-2.2C56.4 356 61 354 64 352.4c1.3 1.3 2.5 2.6 3.8 3.9c-4.2 2.7-9.7 6.1-16.9 8c-9.3 2.4-19.5 2.6-26.7 2.3c6.8 8.5 14.8 16.2 23.9 22.6c19.1 13.3 40.3 22.3 70.4 23.4c84.4 3.2 146.3-50.1 172.6-125.1c9.8.3 21.3-1.2 35.5-12.1c6.6-5.1 11.9-11.6 15.5-19.1c.1-.3.3-.6.4-.9l4.8-9.6zM79.6 346.1c-5 0-9.1-4.1-9.1-9.1s4.1-9.1 9.1-9.1s9.1 4.1 9.1 9.1s-4.1 9.1-9.1 9.1m111.7-194.4h-25.6c-3 0-5.4 2.4-5.4 5.4v23.6c0 3 2.4 5.4 5.4 5.4h25.6c3 0 5.4-2.4 5.4-5.4v-23.6c0-3-2.4-5.4-5.4-5.4m.3 43.3H166c-3 0-5.4 2.4-5.4 5.4V224c0 3 2.4 5.4 5.4 5.4h25.6c3 0 5.4-2.4 5.4-5.4v-23.6c0-3-2.4-5.4-5.4-5.4m-91.2 0H74.9c-3 0-5.4 2.4-5.4 5.4V224c0 3 2.4 5.4 5.4 5.4h25.4c3 0 5.4-2.4 5.4-5.4v-23.5c.1-3.1-2.3-5.5-5.3-5.5m-.3 44H74.5c-2.9 0-5.3 2.4-5.3 5.3V268c0 2.9 2.4 5.3 5.3 5.3h25.7c2.9 0 5.3-2.4 5.3-5.3v-23.7c0-2.9-2.4-5.3-5.4-5.3m46.2-44h-25.5c-3 0-5.4 2.4-5.4 5.4V224c0 3 2.4 5.4 5.4 5.4h25.5c3 0 5.4-2.4 5.4-5.4v-23.6c0-3-2.4-5.4-5.4-5.4m-92.1 44H28.6c-2.9 0-5.3 2.4-5.3 5.3V268c0 2.9 2.4 5.3 5.3 5.3h25.7c2.9 0 5.3-2.4 5.3-5.3v-23.7c0-2.9-2.4-5.3-5.4-5.3m92.9 0h-25.7c-2.9 0-5.3 2.4-5.3 5.3v23.8c0 2.9 2.4 5.3 5.3 5.3h25.7c2.9 0 5.3-2.4 5.3-5.3v-23.8c0-2.9-2.4-5.3-5.3-5.3m44.8 0h-25.6c-3 0-5.4 2.4-5.4 5.4V268c0 3 2.4 5.4 5.4 5.4h25.6c3 0 5.4-2.4 5.4-5.4v-23.6c0-3-2.4-5.4-5.4-5.4m45.8 0h-25.6c-3 0-5.3 2.4-5.3 5.3V268c0 3 2.4 5.3 5.3 5.3h25.6c3 0 5.3-2.4 5.3-5.3v-23.7c.1-2.9-2.3-5.3-5.3-5.3M477 267.2l-17.2 55.6h-37.3l8.2-24.8l-19.4 24.8h-36.2l11.6-23.5l-24.5 23.5h-38.3c14.4-15 29.2-31.4 44.2-49.3c11.5-13.8 22.1-27.4 31.9-40.6c26 11.6 50.9 22.7 77 34.3"/><path fill="#007cdd" d="M502.8 350.5H310c-3.7 0-6.8-3-6.8-6.8c0-3.7 3-6.8 6.8-6.8h192.7c3.7 0 6.8 3 6.8 6.8s-3 6.8-6.7 6.8m3-250.4c-5.3-2.4-11.5 0-13.9 5.3l-49.7 110.2l-16.6-7.5c-6.8-3.1-14.8 0-17.9 6.8l-2.6 5.7l76.8 34.6l2.6-5.7c3.1-6.8 0-14.8-6.8-17.9l-16.4-7.4L511.1 114c2.4-5.3 0-11.5-5.3-13.9"/></svg>

Comment utiliser l'icône Prunemate

React

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

<Icon icon="selfhst:prunemate" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:prunemate" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:prunemate" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:prunemate"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/prunemate.svg" alt="Icône Prunemate" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Prunemate

L'icône Prunemate 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 Prunemate dans React ?

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

Comment ajouter l'icône Prunemate à une page web ?

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

Voir toutes les selfh.st/icons →