Icône Livebook

selfhst:livebook

L'icône Livebook (selfhst:livebook) 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="#825161" d="M189.9 45.1c20.9-25.1 33.4-26.6 33.5-26.5c7 .8 7.9 7.1 7.9 7.1l-4.5 13.5l-9.4 25.1c-9.8-1.6-38-3.5-40.1-2.5z"/><path fill="#563642" d="M219.9 58.5s.8-2.5 2.5-7.5c.1-.3-25.1-4.2-41.8 4.2c.1-.1 25.1-1.7 39.3 3.3"/><path fill="#825161" d="m183.2 53.5l4.3-44.9c-.9-7.7-5.9-11-13.9-6.5c-1.1.6-2.6 1.6-3.7 2.6c-28.6 22.7-33.4 61.6-34.2 80.5v5.1c-.7 39.3 51.5 68.4 66.1 82.7c-3-5.6-25.5-24.5-28.4-38.4c-2.2-10.7 0-19.3 3.5-25.8c4.4-8.3 11.8-14.6 20.5-18.2c22.6-9.1 44.7-7.6 63.7-4.4c29.3 4.9 52.2 16.9 53.4 17.5c0 0 1.3-4.9 0-7.5c-1.7-3.3-5.4-4.8-6-5.1c-9.3-4.9-50.5-27-86.4-34.6c2 .3-19.7-4.7-38.9-3"/><path fill="#c4adb5" d="M265.9 93.6c-19-3.2-38.5-3.1-61 6c-8.7 3.5-16.5 10.9-20.9 19.2c-3.5 6.5-4.9 13.2-2.4 25.7c2 10 6.7 20 10.9 26.7c17.1 14.2 23.2 12.4 42.6 24.2c-5.8-28.3.6-67.9 67.6-83.8c.1 0 5.5-1.2 5.7-1.3c3-1.3 5-3.9 6-6.8c-.8-.3-18.9-5-48.5-9.9"/><path fill="#4c313b" d="M314.3 100.3c-10-3.3-24.2-7.5-43.7-12.3c-22.2-5.5-48.9-7.9-68.2-.2c0 0-44.3 12.5-29.2 58.5l2.5 10s5 0 10.5 3.9c-.9-2.6-4.1-12.9-4.6-15.6c-2.5-12.5 0-19.3 3.5-25.8c4.4-8.3 11.8-14.6 20.4-18.2c5.3-2.1 10.6-3.8 15.9-5q4.95-1.05 9.9-1.5c16.6-1.3 38.3-1.3 81.4 9.6l.1-.4c.7.2 1.1.3 1.1.3s.5-3.3.4-3.3"/><path fill="#dbd8d5" fill-rule="evenodd" d="M136 330.5c0 7.6 1.9 15.1 5.6 21.8c7 12.6 22.6 32.3 57.3 54.7c39.7 25.7 111.2 48.3 111.2 48.3l10-220.6S135.5 147.3 135.5 85.1c0-1.6.7 203.4.5 245.4"/><path fill="#b1acab" d="m139.8 159.5l162 66.8v-.8l-166.2-77.7v10c0 .1.1.1 4.2 1.7"/><path fill="#c24063" d="M89.9 434.6c-2.4-1-3.9-3.3-3.9-5.8l.3-285c-.1-2.3 0-5.9 4.1-4.3l198 78.5v4.2l-.5 281.6c0 3.5.5 5.7.5 8.2c0 .5-198.5-77.4-198.5-77.4"/><path fill="#ff87a7" d="M288.4 512L486 434.6c2.4-1 3.9-3.3 3.9-5.8l-.3-285c0-1.2-.2-2.7-1.1-3.4c-.7-.6-1.9-.8-3.8 0L288.4 218v4.2l-.4 281.6c0 4.4.4 5.7.4 8.2"/><path fill="#9e3a55" d="M168.1 465.2s19.4 10.4 31.7-15.9c12.7-27.1 8.4-105.2-29.6-156.5c0 0 25.4 127.2-36 158.8z"/><path fill="#1f2728" d="m45.9 310.3l-5.2 69.2c-1.4 18.9 4.6 37.1 16.9 51.5c12.2 14.3 29.7 23 48.4 24.4c3.9.3 7.9.3 11.9-.1c33.8-3.1 61.2-32.3 64-68l2.5-33.3c3.6-47.4-20.2-91.4-60.6-112.1c-33.2-17.1-67.1-12.6-100.9 13.3c15.9 13.6 24.6 34.2 23 55.1"/><path fill="#2f393d" d="M103.5 431c-12.3-14.3-18.3-32.6-16.9-51.5l5.2-69.2c1.6-21-7.1-41.6-23-55.2c12.5-9.6 25.1-16.3 37.7-20c-27.9-8.3-56.2-1.6-84.4 20c15.9 13.6 24.6 34.2 23 55.2l-5.2 69.2c-1.4 18.9 4.6 37.1 16.9 51.5c12.2 14.3 29.7 23 48.4 24.4c3.9.3 7.9.3 11.9-.1c5.7-.5 11.3-1.8 16.6-3.8c-11.7-4-22.1-11-30.2-20.5"/></svg>

Comment utiliser l'icône Livebook

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

FAQ : Icône Livebook

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

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

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

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

Voir toutes les selfh.st/icons →