oil drum emoji

oil-drum from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.

Name
oil-drum
Set
Twitter Emoji
Style
Default
Category
Travel & Places
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

oil-drumEmoji One (Colored)oil-drumFluent Emojioil-drumFluent Emoji Flatoil-drumFluent Emoji High Contrastoil-drumNoto Emojioil-drumOpenMoji

More travel & places icons from Twitter Emoji

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 36 36"><path fill="#3b88c3" d="M7 25h22v9H7zm0-11h22v9H7zM7 3h22v10H7z"/><path fill="#269" d="M30 3.178a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 3.178v-.356C6 2.368 6.368 2 6.822 2h22.355c.455 0 .823.368.823.822zm0 11a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 14.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822zm0 10a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 24.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822zm0 11a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 35.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822z"/><path fill="#99aab5" d="M26 1.128a.873.873 0 0 1-.872.872h-2.256A.873.873 0 0 1 22 1.128V.872c0-.481.391-.872.872-.872h2.256c.481 0 .872.391.872.872z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiOilDrum(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3b88c3" d="M7 25h22v9H7zm0-11h22v9H7zM7 3h22v10H7z"/><path fill="#269" d="M30 3.178a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 3.178v-.356C6 2.368 6.368 2 6.822 2h22.355c.455 0 .823.368.823.822zm0 11a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 14.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822zm0 10a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 24.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822zm0 11a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 35.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822z"/><path fill="#99aab5" d="M26 1.128a.873.873 0 0 1-.872.872h-2.256A.873.873 0 0 1 22 1.128V.872c0-.481.391-.872.872-.872h2.256c.481 0 .872.391.872.872z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3b88c3" d="M7 25h22v9H7zm0-11h22v9H7zM7 3h22v10H7z"/><path fill="#269" d="M30 3.178a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 3.178v-.356C6 2.368 6.368 2 6.822 2h22.355c.455 0 .823.368.823.822zm0 11a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 14.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822zm0 10a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 24.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822zm0 11a.82.82 0 0 1-.822.822H6.822A.82.82 0 0 1 6 35.178v-.355c0-.455.368-.823.822-.823h22.355c.455 0 .823.368.823.822z"/><path fill="#99aab5" d="M26 1.128a.873.873 0 0 1-.872.872h-2.256A.873.873 0 0 1 22 1.128V.872c0-.481.391-.872.872-.872h2.256c.481 0 .872.391.872.872z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M7%2025h22v9H7zm0-11h22v9H7zM7%203h22v10H7z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M30%203.178a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%203.178v-.356C6%202.368%206.368%202%206.822%202h22.355c.455%200%20.823.368.823.822zm0%2011a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%2014.178v-.355c0-.455.368-.823.822-.823h22.355c.455%200%20.823.368.823.822zm0%2010a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%2024.178v-.355c0-.455.368-.823.822-.823h22.355c.455%200%20.823.368.823.822zm0%2011a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%2035.178v-.355c0-.455.368-.823.822-.823h22.355c.455%200%20.823.368.823.822z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M26%201.128a.873.873%200%200%201-.872.872h-2.256A.873.873%200%200%201%2022%201.128V.872c0-.481.391-.872.872-.872h2.256c.481%200%20.872.391.872.872z%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M7%2025h22v9H7zm0-11h22v9H7zM7%203h22v10H7z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M30%203.178a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%203.178v-.356C6%202.368%206.368%202%206.822%202h22.355c.455%200%20.823.368.823.822zm0%2011a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%2014.178v-.355c0-.455.368-.823.822-.823h22.355c.455%200%20.823.368.823.822zm0%2010a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%2024.178v-.355c0-.455.368-.823.822-.823h22.355c.455%200%20.823.368.823.822zm0%2011a.82.82%200%200%201-.822.822H6.822A.82.82%200%200%201%206%2035.178v-.355c0-.455.368-.823.822-.823h22.355c.455%200%20.823.368.823.822z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M26%201.128a.873.873%200%200%201-.872.872h-2.256A.873.873%200%200%201%2022%201.128V.872c0-.481.391-.872.872-.872h2.256c.481%200%20.872.391.872.872z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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