Icône Design Tool Liquid Glue

streamline-freehand:design-tool-liquid-glue

L'icône Design Tool Liquid Glue (streamline-freehand:design-tool-liquid-glue) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free 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: Freehand free icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Design
Mots-clés: designtool, toolliquid, liquidglue, designtoolliquidglue

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M22.127 4.379C16.395-.193 18.166.927 17.365.517a3.83 3.83 0 0 0-2.451-.48c-1.26.23-2.001 1.53-4.302 5.082a.34.34 0 0 0 .09.46c.4.27.42-.16 1.87-2c.621-.821.781-1.631 1.932-2.442a2.36 2.36 0 0 1 2.44.22c1.171.65.441.84 4.253 3.702c1.23.87 1.83 2.231.83 3.312c-.45.47-1.05.87-1.46 1.28c-1.12 1.14-2.562 2.001-3.662 3.182c-.09.09-.28.06-.48.06c-3.532 0-2.572.33-4.122-1.16c-.81-.781-1.951-1.471-2.371-2.462l.09-.42c.35-1.891.78-2.411.31-2.541a.29.29 0 0 0-.36.2l-.59 2.2c-.1.421-.39.571.32 1.572A31 31 0 0 0 6.5 14.163c-.39.57-.68 1.271-.2 1.761c1 1 1.92.73 3.051 0a27 27 0 0 0 3.342-2.56a1.65 1.65 0 0 0 1.13.46l2.812.09a1.55 1.55 0 0 0 1-.33c1.14-1.121 2.471-1.892 3.712-3.122a20 20 0 0 0 1.68-1.611c1.161-1.42.521-3.332-.9-4.472m-10.675 9.054c-3.061 1.871-3.591 2.431-4.322 1.741c0-.08 1.521-2.371 3.002-4.402c.9 1 .78.62 2.09 2.07c-.3.201-.6.491-.77.591"/><path d="M19.026 8.7c0 .211.2.511.61.221q.267-.218.5-.47c.48-.45.78-.6.92-1.32c.028-.24-.01-.482-.11-.701c-.42-.74-1.73-1.44-1.64-.62c0 .28.75.59.6 1.14s-.88 1.5-.88 1.75m-7.844-1.05a21 21 0 0 0 3.842 3.832c.32.27.85 1.1 1.41 1.06a.33.33 0 0 0 .33-.33a32 32 0 0 0-2.44-2.76c-.55-.531-.45-.38-2.652-2.292c-.1-.09-.39-.47-.61-.45s-.39.1-.29.38a4 4 0 0 0 .41.56M6.91 21.207c.1 0 1.37.19 1.731-.84a4.2 4.2 0 0 0-.92-3.082c-1.001-1-2.452 1.941-2.071 3.072a1.33 1.33 0 0 0 1.26.85m.54-2.931c.88 2.35-.43 1.72-.43 1.82c-.24 0-.36-.08-.38-.23c-.11-.52.32-2.871.81-1.59"/><path d="M10.502 19.706a.33.33 0 0 0 0 .66c.69 0 1.76.64 1.37 1.551c-.7 1.621-3.221.26-4.642.32c-2 .12-2.891.83-5.482.64c-1.12-.08-.12-1.9.91-2.36s1.53.05 1.62-.43c.11-.651-2.18-.61-3.22.8c-.721 1-1.091 2.19 0 2.781c1.6.88 4.852-.26 6.262-.34c1.411-.08 2.842.87 4.382 0a1.9 1.9 0 0 0 .81-2.651a2.34 2.34 0 0 0-2.01-.97"/></g></svg>

Comment utiliser l'icône Design Tool Liquid Glue

React

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

<Icon icon="streamline-freehand:design-tool-liquid-glue" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:design-tool-liquid-glue" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:design-tool-liquid-glue" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--design-tool-liquid-glue]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:design-tool-liquid-glue"></div>

Web component

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

<iconify-icon icon="streamline-freehand:design-tool-liquid-glue"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-liquid-glue.svg" alt="Icône Design Tool Liquid Glue" width="24" height="24">

Icônes similaires dans Freehand free icons

L'icône Design Tool Liquid Glue dans d'autres collections

FAQ : Icône Design Tool Liquid Glue

L'icône Design Tool Liquid Glue est-elle gratuite pour un usage commercial ?

Oui. Les Freehand free 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 Design Tool Liquid Glue dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand:design-tool-liquid-glue" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Design Tool Liquid Glue à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-liquid-glue.svg" alt="Icône Design Tool Liquid Glue">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand free icons →