oil drum emoji

oil-drum from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
oil-drum
Set
Fluent Emoji Flat
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

oil-drumEmoji One (Colored)oil-drumFluent Emojioil-drumFluent Emoji High Contrastoil-drumNoto Emojioil-drumOpenMojioil-drumTwitter Emoji

More travel & places icons from Fluent Emoji Flat

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the oil drum emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M25 6H7v22h18z"/><path fill="#212121" d="M23.02 2h-3.03c-.55 0-.99.44-.99.98V4h5V2.98c0-.54-.44-.98-.98-.98"/><path fill="#26eafc" d="M20 6h1v22h-1zm2 0h2v22h-2z"/><path fill="#0074ba" d="M7 6h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1m0 24h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1m18-16H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1M7 22h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatOilDrum(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M25 6H7v22h18z"/><path fill="#212121" d="M23.02 2h-3.03c-.55 0-.99.44-.99.98V4h5V2.98c0-.54-.44-.98-.98-.98"/><path fill="#26eafc" d="M20 6h1v22h-1zm2 0h2v22h-2z"/><path fill="#0074ba" d="M7 6h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1m0 24h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1m18-16H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1M7 22h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M25 6H7v22h18z"/><path fill="#212121" d="M23.02 2h-3.03c-.55 0-.99.44-.99.98V4h5V2.98c0-.54-.44-.98-.98-.98"/><path fill="#26eafc" d="M20 6h1v22h-1zm2 0h2v22h-2z"/><path fill="#0074ba" d="M7 6h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1m0 24h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1m18-16H7c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1M7 22h18c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1"/></g></svg>
</template>

CSS

.icon-oil-drum {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M25%206H7v22h18z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M23.02%202h-3.03c-.55%200-.99.44-.99.98V4h5V2.98c0-.54-.44-.98-.98-.98%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M20%206h1v22h-1zm2%200h2v22h-2z%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M7%206h18c.55%200%201-.45%201-1s-.45-1-1-1H7c-.55%200-1%20.45-1%201s.45%201%201%201m0%2024h18c.55%200%201-.45%201-1s-.45-1-1-1H7c-.55%200-1%20.45-1%201s.45%201%201%201m18-16H7c-.55%200-1-.45-1-1s.45-1%201-1h18c.55%200%201%20.45%201%201s-.45%201-1%201M7%2022h18c.55%200%201-.45%201-1s-.45-1-1-1H7c-.55%200-1%20.45-1%201s.45%201%201%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M25%206H7v22h18z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M23.02%202h-3.03c-.55%200-.99.44-.99.98V4h5V2.98c0-.54-.44-.98-.98-.98%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M20%206h1v22h-1zm2%200h2v22h-2z%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M7%206h18c.55%200%201-.45%201-1s-.45-1-1-1H7c-.55%200-1%20.45-1%201s.45%201%201%201m0%2024h18c.55%200%201-.45%201-1s-.45-1-1-1H7c-.55%200-1%20.45-1%201s.45%201%201%201m18-16H7c-.55%200-1-.45-1-1s.45-1%201-1h18c.55%200%201%20.45%201%201s-.45%201-1%201M7%2022h18c.55%200%201-.45%201-1s-.45-1-1-1H7c-.55%200-1%20.45-1%201s.45%201%201%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/oil-drum.svg?color=%231a73e8&size=48