ICONYZ
Français
Icône Honeywell de theSVG Color

Icône Honeywell

thesvg-color:honeywell

L'icône Honeywell (thesvg-color:honeywell) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 190 × 58. 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
190 × 58
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="190" height="58" viewBox="0 0 190 58"><path fill="#ee3124" d="M84.2 18.882h-3.093s0 2.228.05 3.036c.3 4.839 9.166 4.873 9.924-.126l3.719.008c-.659 4.383-5.884 6.554-10.658 6.554a10.426 10.426 0 0 1-10.688-10.729c0-6.024 4.471-11.161 10.734-11.161l-.025 2.626c-2.9 0-2.853 3.384-2.853 3.384l-.126 3.661H84.2ZM36.842 28.35c-3.925 0-11.223-1.735-11.223-10.851c0-8.257 7.3-11 11.223-11v2.683c-2.5 0-2.92 3.322-2.92 8.292s.8 8.223 2.92 8.223Z"/><path fill="#ee3124" d="M94.992 18.882a16 16 0 0 0-.071-1.559A10.613 10.613 0 0 0 84.137 6.465l-.025 2.626c2.55 0 2.626 3.434 2.626 3.434l.1 3.611h-2.7v2.746h10.8M167.618 0h7.727v27.373h-7.727zm10.504 0h7.727v27.373h-7.727zM36.842 25.7c2.348 0 2.819-3.253 2.819-8.223s-.471-8.292-2.819-8.292V6.5c3.925 0 11.211 2.543 11.222 10.952c.011 8.613-7.3 10.9-11.222 10.9ZM0 0h8.383v11.262h6.515V0h8.838v27.373h-8.838V15.302H8.434v12.121H0zm50.5 27.373V7.222h7.626v1.944a10.84 10.84 0 0 1 6.111-2.3c3.111 0 6.01 2.146 6.6 4.612A5.5 5.5 0 0 1 71 12.902v14.471h-7.518V14.09s.277-3-2.02-2.879a4.1 4.1 0 0 0-3.334 1.689v14.473Z"/><path fill="#ee3124" d="M93.025 30.63a4.246 4.246 0 0 0 4.445 4.47a6.99 6.99 0 0 0 6.338-3.763c.776-1.756 9.621-24.064 9.621-24.064l5.858 20.15h6.313l3.233-12.07l3.838 12.07h6.01l5.151-20.15h-3.485l-2.778 10.555l-3.586-10.556h-6.211L124.64 18.13l-3.181-10.858h-11.01l-3.888 9.7l-3.687-9.7h-8.839s8.174 18.687 8.131 20.1a5.65 5.65 0 0 1-2.979 4.949h.027a3.65 3.65 0 0 0 .552-1.845a3.357 3.357 0 0 0-3.357-3.357a3.453 3.453 0 0 0-3.382 3.534ZM165.8 18.882a16 16 0 0 0-.071-1.559a10.614 10.614 0 0 0-10.787-10.858l-.026 2.626c2.551 0 2.626 3.434 2.626 3.434l.1 3.611h-2.7v2.746h10.8"/><path fill="#ee3124" d="M155.026 18.882h-3.114s0 2.228.05 3.036c.3 4.839 9.167 4.873 9.924-.126l3.714.011c-.659 4.383-5.884 6.554-10.658 6.554a10.426 10.426 0 0 1-10.684-10.732c0-6.024 4.472-11.161 10.734-11.161l-.026 2.626c-2.9 0-2.853 3.384-2.853 3.384l-.126 3.661h3.039Z"/><path d="M65.612 39.112v16.637h-9.676v1.888h24.093v-3.622h-7.955V40.924h7.955V37.3h-4.655v1.812z"/><path fill="#f37021" d="M51.169 37.296v4.019h7.966v12.316h-7.966v4.018h4.792v-1.844h9.69V39.547h9.775v-2.251z"/><path d="M87.056 50.94h-2v-4.263c0-1.2-.592-1.812-2.551-1.812c-1.139 0-3.143.422-3.143 2.3v3.775h-2v-6.922h1.89V45h.046a5.33 5.33 0 0 1 3.6-1.179c1.845 0 4.168.437 4.168 2.409Zm5.421-5.956v4.5c0 .542.8.542 1.207.542h.706v.914c-.729.039-1.3.093-1.5.093c-1.981 0-2.414-.649-2.414-1.484v-4.565h-1.62v-.966h1.617v-1.933h2v1.933h1.917v.966Zm13.983 3.784a3.3 3.3 0 0 1-2.118 1.893a8 8 0 0 1-3.234.477c-3.348 0-5.329-1.469-5.329-3.468c0-2.145 1.777-3.852 5.716-3.852c3.439 0 5.124 1.588 5.124 4.037h-8.7c0 1.442 1.162 2.276 3.462 2.276c1.89 0 3.006-.847 3.075-1.364Zm-1.913-1.839c-.114-1.071-.888-2.064-3.325-2.064c-1.845 0-3.3.992-3.3 2.064Zm6.514 4.011h-2v-9.5h2Zm5.056 0h-2v-9.5h2Zm3.051-8.179v-1.324h2v1.324Zm2 8.18h-2v-6.923h2Zm12.894-.571c0 .994-.023 3.482-5.534 3.482c-1.412 0-4.168-.226-4.555-2.065h2c.364 1.1 2.209 1.1 2.688 1.1c3.462 0 3.393-1.615 3.393-2.435v-.291h-.045v.052a4.67 4.67 0 0 1-3.166.927c-4.054 0-5.238-2.209-5.238-3.865c0-1.945 1.8-3.454 4.965-3.454A4.9 4.9 0 0 1 132.127 45h.045v-.98h1.89Zm-5.17-.239c1.276 0 3.257-.489 3.257-2.33c0-1.125-.318-2.937-3.211-2.937c-3.1 0-3.256 1.707-3.256 2.593c-.001 1.524 1.024 2.675 3.21 2.675Zm10.008.809h-2v-6.922h1.89v1.151h.045a4.46 4.46 0 0 1 3.347-1.35a3 3 0 0 1 .525.04v1.2h-.753c-1.866 0-3.051.846-3.051 1.853Zm5.011-4.818c.091-1.655 1.981-2.3 4.919-2.3c.956 0 4.418.159 4.418 1.932v3.985c0 .291.251.411.66.411a6 6 0 0 0 .66-.055v.849a6 6 0 0 1-1.093.133c-1.777 0-2.05-.531-2.118-1.062a7.37 7.37 0 0 1-4.3 1.127c-2.187 0-3.735-.807-3.735-2c0-.583.3-1.932 3.621-2.171l3.3-.239c.478-.028 1.048-.131 1.048-.821c0-.728-.912-1.124-2.8-1.124c-2.278 0-2.6.807-2.732 1.336Zm7.333 1.284a11.7 11.7 0 0 1-3.3.437c-.978.08-2.55.252-2.55 1.125c0 .753.66 1.2 2.164 1.2c1.867 0 3.689-.7 3.689-1.628Zm7.856-2.422v4.5c0 .542.8.542 1.208.542h.706v.914c-.729.039-1.3.093-1.5.093c-1.981 0-2.414-.649-2.414-1.484v-4.565h-1.62v-.966h1.62v-1.933h2v1.933h1.913v.966Zm13.986 3.784a3.3 3.3 0 0 1-2.118 1.893a8 8 0 0 1-3.234.477c-3.348 0-5.329-1.469-5.329-3.468c0-2.145 1.776-3.852 5.716-3.852c3.439 0 5.125 1.588 5.125 4.037h-8.7c0 1.442 1.162 2.276 3.462 2.276c1.89 0 3.005-.847 3.074-1.364Zm-1.913-1.839c-.113-1.071-.888-2.064-3.326-2.064c-1.845 0-3.3.992-3.3 2.064Zm14.348 4.011h-1.891v-.953h-.045a4.54 4.54 0 0 1-3.393 1.151c-4.053 0-5.238-2.209-5.238-3.865c0-1.945 1.8-3.454 4.964-3.454A4.9 4.9 0 0 1 183.47 45l.046-.093v-3.47h2Zm-5.285-.808c1.276 0 3.257-.489 3.257-2.33c0-1.125-.319-2.937-3.211-2.937c-3.1 0-3.256 1.707-3.256 2.593c0 1.523 1.025 2.674 3.21 2.674m6.421-9.425a1.671 1.671 0 1 1 1.672 1.672a1.674 1.674 0 0 1-1.672-1.672m2.936 0a1.266 1.266 0 1 0-1.264 1.348a1.284 1.284 0 0 0 1.265-1.348Zm-1.907-.954h.7c.454 0 .7.158.7.556a.472.472 0 0 1-.5.509l.511.829h-.362l-.49-.816h-.213v.816h-.352Zm.352.81h.31c.208 0 .388-.028.388-.282c0-.223-.2-.259-.384-.259h-.314Z"/></svg>

Comment utiliser l'icône Honeywell

React

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

<Icon icon="thesvg-color:honeywell" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:honeywell" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:honeywell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--honeywell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:honeywell"></div>

Web component

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

<iconify-icon icon="thesvg-color:honeywell"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/honeywell.svg" alt="Icône Honeywell" width="24" height="24">

L'icône Honeywell dans d'autres collections

Icône Honeywell de Custom Brand Icons
Custom Brand Icons

FAQ : Icône Honeywell

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

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

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

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

Voir toutes les Icônes theSVG Color →