Icône Oil Drum
fluent-emoji:oil-drum
L'icône Oil Drum (fluent-emoji:oil-drum) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- oildrum
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iqqf20c)" d="M25 5.956H7v22h18z"/><path fill="url(#iq24lsd)" d="M23.02 1.956h-3.03c-.55 0-.99.44-.99.98v1.02h5v-1.02c0-.54-.44-.98-.98-.98"/><path fill="url(#ip2wb8c)" d="M23.02 1.956h-3.03c-.55 0-.99.44-.99.98v1.02h5v-1.02c0-.54-.44-.98-.98-.98"/><path fill="url(#iHKXAFc)" d="M23.02 1.956h-3.03c-.55 0-.99.44-.99.98v1.02h5v-1.02c0-.54-.44-.98-.98-.98"/><path fill="url(#idoldFb)" d="M23.02 1.956h-3.03c-.55 0-.99.44-.99.98v1.02h5v-1.02c0-.54-.44-.98-.98-.98"/><path fill="url(#irERNEd)" d="M24 5.956h-2v22h2z"/><path fill="url(#iR5iDhe)" d="M21 5.956h-1v22h1z"/><g filter="url(#iTZjW9b)"><path fill="#3C62A7" d="M7.25 13.706h17.5v.375H7.25z"/></g><g filter="url(#ivtFZsb)"><path fill="#3C62A7" d="M7.25 5.69h17.5v.375H7.25z"/></g><g filter="url(#iwlmFLe)"><path fill="#3C62A7" d="M7.25 21.682h17.5v.375H7.25z"/></g><g filter="url(#i5M7Nke)"><path fill="#3C62A7" d="M7.25 27.854h17.5v.375H7.25z"/></g><path fill="url(#i9u1hQc)" d="M25 29.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#i7KK7Tb)" d="M25 29.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iUbgzPe)" d="M25 29.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iWwWrAd)" d="M25 5.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#ivtFqge)" d="M25 5.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#ioqJgYc)" d="M25 5.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iCdq8fb)" d="M25 13.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iCRzAvc)" d="M25 13.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iuTVaKc)" d="M25 13.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iWHusbe)" d="M25 21.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iYLL0oc)" d="M25 21.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><path fill="url(#iscA46d)" d="M25 21.956H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1"/><defs><linearGradient id="iqqf20c" x1="7.002" x2="25" y1="16.956" y2="16.956" gradientUnits="userSpaceOnUse"><stop stop-color="#3974A8"/><stop offset=".177" stop-color="#448FDD"/><stop offset="1" stop-color="#5998E8"/></linearGradient><linearGradient id="iq24lsd" x1="19.002" x2="24.563" y1="2.956" y2="2.956" gradientUnits="userSpaceOnUse"><stop stop-color="#463B5E"/><stop offset="1" stop-color="#4E4B54"/></linearGradient><linearGradient id="ip2wb8c" x1="24" x2="23.247" y1="3.956" y2="3.956" gradientUnits="userSpaceOnUse"><stop stop-color="#747374"/><stop offset="1" stop-color="#747374" stop-opacity="0"/></linearGradient><linearGradient id="irERNEd" x1="24.406" x2="22.5" y1="16.932" y2="16.932" gradientUnits="userSpaceOnUse"><stop stop-color="#72FBFF"/><stop offset="1" stop-color="#65E0FF"/></linearGradient><linearGradient id="iR5iDhe" x1="21" x2="21" y1="27.956" y2="5.956" gradientUnits="userSpaceOnUse"><stop stop-color="#53BDFE"/><stop offset="1" stop-color="#55C0FA"/></linearGradient><linearGradient id="i9u1hQc" x1="26.002" x2="6.002" y1="28.956" y2="28.956" gradientUnits="userSpaceOnUse"><stop stop-color="#4285D9"/><stop offset="1" stop-color="#3E409A"/></linearGradient><linearGradient id="i7KK7Tb" x1="16" x2="16" y1="30.456" y2="29.206" gradientUnits="userSpaceOnUse"><stop stop-color="#373490"/><stop offset="1" stop-color="#373490" stop-opacity="0"/></linearGradient><linearGradient id="iWwWrAd" x1="26.002" x2="6.002" y1="4.956" y2="4.956" gradientUnits="userSpaceOnUse"><stop stop-color="#4285D9"/><stop offset="1" stop-color="#3E409A"/></linearGradient><linearGradient id="ivtFqge" x1="16" x2="16" y1="6.456" y2="5.206" gradientUnits="userSpaceOnUse"><stop stop-color="#373490"/><stop offset="1" stop-color="#373490" stop-opacity="0"/></linearGradient><linearGradient id="iCdq8fb" x1="26.002" x2="6.002" y1="12.956" y2="12.956" gradientUnits="userSpaceOnUse"><stop stop-color="#4285D9"/><stop offset="1" stop-color="#3E409A"/></linearGradient><linearGradient id="iCRzAvc" x1="16" x2="16" y1="14.456" y2="13.206" gradientUnits="userSpaceOnUse"><stop stop-color="#373490"/><stop offset="1" stop-color="#373490" stop-opacity="0"/></linearGradient><linearGradient id="iWHusbe" x1="26.002" x2="6.002" y1="20.956" y2="20.956" gradientUnits="userSpaceOnUse"><stop stop-color="#4285D9"/><stop offset="1" stop-color="#3E409A"/></linearGradient><linearGradient id="iYLL0oc" x1="16" x2="16" y1="22.456" y2="21.206" gradientUnits="userSpaceOnUse"><stop stop-color="#373490"/><stop offset="1" stop-color="#373490" stop-opacity="0"/></linearGradient><radialGradient id="iHKXAFc" cx="0" cy="0" r="1" gradientTransform="rotate(140.194 11.513 5.497)scale(.70274 .80899)" gradientUnits="userSpaceOnUse"><stop stop-color="#69696A"/><stop offset="1" stop-color="#69696A" stop-opacity="0"/></radialGradient><radialGradient id="idoldFb" cx="0" cy="0" r="1" gradientTransform="matrix(2.81927 0 0 .44025 20.787 2.54)" gradientUnits="userSpaceOnUse"><stop stop-color="#5C4F6B"/><stop offset=".64" stop-color="#5C4F6B" stop-opacity="0"/></radialGradient><radialGradient id="iUbgzPe" cx="0" cy="0" r="1" gradientTransform="matrix(0 .65625 -10.5757 0 22.75 28.612)" gradientUnits="userSpaceOnUse"><stop stop-color="#71A2EE"/><stop offset="1" stop-color="#71A2EE" stop-opacity="0"/></radialGradient><radialGradient id="ioqJgYc" cx="0" cy="0" r="1" gradientTransform="matrix(0 .65625 -10.5757 0 22.75 4.612)" gradientUnits="userSpaceOnUse"><stop stop-color="#71A2EE"/><stop offset="1" stop-color="#71A2EE" stop-opacity="0"/></radialGradient><radialGradient id="iuTVaKc" cx="0" cy="0" r="1" gradientTransform="matrix(0 .65625 -10.5757 0 22.75 12.612)" gradientUnits="userSpaceOnUse"><stop stop-color="#71A2EE"/><stop offset="1" stop-color="#71A2EE" stop-opacity="0"/></radialGradient><radialGradient id="iscA46d" cx="0" cy="0" r="1" gradientTransform="matrix(0 .65625 -10.5757 0 22.75 20.612)" gradientUnits="userSpaceOnUse"><stop stop-color="#71A2EE"/><stop offset="1" stop-color="#71A2EE" stop-opacity="0"/></radialGradient><filter id="iTZjW9b" width="18.5" height="1.375" x="6.75" y="13.206" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11874" stdDeviation=".25"/></filter><filter id="ivtFZsb" width="18.5" height="1.375" x="6.75" y="5.19" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11874" stdDeviation=".25"/></filter><filter id="iwlmFLe" width="18.5" height="1.375" x="6.75" y="21.182" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11874" stdDeviation=".25"/></filter><filter id="i5M7Nke" width="18.5" height="1.375" x="6.75" y="27.354" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11874" stdDeviation=".25"/></filter></defs></g></svg>Comment utiliser l'icône Oil Drum
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:oil-drum" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:oil-drum" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:oil-drum" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--oil-drum]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:oil-drum"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:oil-drum"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/oil-drum.svg" alt="Icône Oil Drum" width="24" height="24">L'icône Oil Drum dans d'autres collections
FAQ : Icône Oil Drum
L'icône Oil Drum est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Oil Drum dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:oil-drum" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Oil Drum à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/oil-drum.svg" alt="Icône Oil Drum">, ou collez le code SVG directement dans la page pour le styliser en CSS.