tube icon

tube-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: tube-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

The same icon in other sets

Use the tube icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.121 12.95c.12.636.369 1.242.73 1.78l-2.7 2.7l-1.07 1.06a10.1 10.1 0 0 1-1.55-2.56a10.23 10.23 0 0 1-.34-6.9a10 10 0 0 1 1.9-3.54l3.76 3.76a3 3 0 0 0-.23.38a5 5 0 0 0-.5 3.32m11.34 6.96a10.22 10.22 0 0 1-11.33 1.13a10 10 0 0 1-1.68-1.13l3.77-3.77a5 5 0 0 0 5.48 0l2.76 2.69zm3.79-7.92a10.34 10.34 0 0 1-2.32 6.5l-3.77-3.77a5 5 0 0 0 .8-2.24a5 5 0 0 0-.8-3.24l3.77-3.77a10.27 10.27 0 0 1 2.32 6.52m-3.79-7.91l-3.72 3.75a5.2 5.2 0 0 0-1.28-.6a5 5 0 0 0-3.35.16a4.2 4.2 0 0 0-.84.45l-2.71-2.7l-1.1-1.06a8 8 0 0 1 .8-.6a10.23 10.23 0 0 1 12.19.6zm-3 8.26a3.5 3.5 0 0 1-.4 1.29a3.2 3.2 0 0 1-.6.82c-.24.237-.513.439-.81.6a3.44 3.44 0 0 1-1.64.41a3.54 3.54 0 0 1-1.65-.41a4 4 0 0 1-.56-.38a3.2 3.2 0 0 1-.84-1a3.48 3.48 0 0 1 1.73-4.88a3.42 3.42 0 0 1 2.34-.11q.324.1.62.26a3.5 3.5 0 0 1 1.25 1.14q.095.132.16.28a3.3 3.3 0 0 1 .4 1.98"/></svg>

React

import type { SVGProps } from "react";

export function MageTubeFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.121 12.95c.12.636.369 1.242.73 1.78l-2.7 2.7l-1.07 1.06a10.1 10.1 0 0 1-1.55-2.56a10.23 10.23 0 0 1-.34-6.9a10 10 0 0 1 1.9-3.54l3.76 3.76a3 3 0 0 0-.23.38a5 5 0 0 0-.5 3.32m11.34 6.96a10.22 10.22 0 0 1-11.33 1.13a10 10 0 0 1-1.68-1.13l3.77-3.77a5 5 0 0 0 5.48 0l2.76 2.69zm3.79-7.92a10.34 10.34 0 0 1-2.32 6.5l-3.77-3.77a5 5 0 0 0 .8-2.24a5 5 0 0 0-.8-3.24l3.77-3.77a10.27 10.27 0 0 1 2.32 6.52m-3.79-7.91l-3.72 3.75a5.2 5.2 0 0 0-1.28-.6a5 5 0 0 0-3.35.16a4.2 4.2 0 0 0-.84.45l-2.71-2.7l-1.1-1.06a8 8 0 0 1 .8-.6a10.23 10.23 0 0 1 12.19.6zm-3 8.26a3.5 3.5 0 0 1-.4 1.29a3.2 3.2 0 0 1-.6.82c-.24.237-.513.439-.81.6a3.44 3.44 0 0 1-1.64.41a3.54 3.54 0 0 1-1.65-.41a4 4 0 0 1-.56-.38a3.2 3.2 0 0 1-.84-1a3.48 3.48 0 0 1 1.73-4.88a3.42 3.42 0 0 1 2.34-.11q.324.1.62.26a3.5 3.5 0 0 1 1.25 1.14q.095.132.16.28a3.3 3.3 0 0 1 .4 1.98"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.121 12.95c.12.636.369 1.242.73 1.78l-2.7 2.7l-1.07 1.06a10.1 10.1 0 0 1-1.55-2.56a10.23 10.23 0 0 1-.34-6.9a10 10 0 0 1 1.9-3.54l3.76 3.76a3 3 0 0 0-.23.38a5 5 0 0 0-.5 3.32m11.34 6.96a10.22 10.22 0 0 1-11.33 1.13a10 10 0 0 1-1.68-1.13l3.77-3.77a5 5 0 0 0 5.48 0l2.76 2.69zm3.79-7.92a10.34 10.34 0 0 1-2.32 6.5l-3.77-3.77a5 5 0 0 0 .8-2.24a5 5 0 0 0-.8-3.24l3.77-3.77a10.27 10.27 0 0 1 2.32 6.52m-3.79-7.91l-3.72 3.75a5.2 5.2 0 0 0-1.28-.6a5 5 0 0 0-3.35.16a4.2 4.2 0 0 0-.84.45l-2.71-2.7l-1.1-1.06a8 8 0 0 1 .8-.6a10.23 10.23 0 0 1 12.19.6zm-3 8.26a3.5 3.5 0 0 1-.4 1.29a3.2 3.2 0 0 1-.6.82c-.24.237-.513.439-.81.6a3.44 3.44 0 0 1-1.64.41a3.54 3.54 0 0 1-1.65-.41a4 4 0 0 1-.56-.38a3.2 3.2 0 0 1-.84-1a3.48 3.48 0 0 1 1.73-4.88a3.42 3.42 0 0 1 2.34-.11q.324.1.62.26a3.5 3.5 0 0 1 1.25 1.14q.095.132.16.28a3.3 3.3 0 0 1 .4 1.98"/></svg>
</template>

CSS

.icon-tube-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.121%2012.95c.12.636.369%201.242.73%201.78l-2.7%202.7l-1.07%201.06a10.1%2010.1%200%200%201-1.55-2.56a10.23%2010.23%200%200%201-.34-6.9a10%2010%200%200%201%201.9-3.54l3.76%203.76a3%203%200%200%200-.23.38a5%205%200%200%200-.5%203.32m11.34%206.96a10.22%2010.22%200%200%201-11.33%201.13a10%2010%200%200%201-1.68-1.13l3.77-3.77a5%205%200%200%200%205.48%200l2.76%202.69zm3.79-7.92a10.34%2010.34%200%200%201-2.32%206.5l-3.77-3.77a5%205%200%200%200%20.8-2.24a5%205%200%200%200-.8-3.24l3.77-3.77a10.27%2010.27%200%200%201%202.32%206.52m-3.79-7.91l-3.72%203.75a5.2%205.2%200%200%200-1.28-.6a5%205%200%200%200-3.35.16a4.2%204.2%200%200%200-.84.45l-2.71-2.7l-1.1-1.06a8%208%200%200%201%20.8-.6a10.23%2010.23%200%200%201%2012.19.6zm-3%208.26a3.5%203.5%200%200%201-.4%201.29a3.2%203.2%200%200%201-.6.82c-.24.237-.513.439-.81.6a3.44%203.44%200%200%201-1.64.41a3.54%203.54%200%200%201-1.65-.41a4%204%200%200%201-.56-.38a3.2%203.2%200%200%201-.84-1a3.48%203.48%200%200%201%201.73-4.88a3.42%203.42%200%200%201%202.34-.11q.324.1.62.26a3.5%203.5%200%200%201%201.25%201.14q.095.132.16.28a3.3%203.3%200%200%201%20.4%201.98%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.121%2012.95c.12.636.369%201.242.73%201.78l-2.7%202.7l-1.07%201.06a10.1%2010.1%200%200%201-1.55-2.56a10.23%2010.23%200%200%201-.34-6.9a10%2010%200%200%201%201.9-3.54l3.76%203.76a3%203%200%200%200-.23.38a5%205%200%200%200-.5%203.32m11.34%206.96a10.22%2010.22%200%200%201-11.33%201.13a10%2010%200%200%201-1.68-1.13l3.77-3.77a5%205%200%200%200%205.48%200l2.76%202.69zm3.79-7.92a10.34%2010.34%200%200%201-2.32%206.5l-3.77-3.77a5%205%200%200%200%20.8-2.24a5%205%200%200%200-.8-3.24l3.77-3.77a10.27%2010.27%200%200%201%202.32%206.52m-3.79-7.91l-3.72%203.75a5.2%205.2%200%200%200-1.28-.6a5%205%200%200%200-3.35.16a4.2%204.2%200%200%200-.84.45l-2.71-2.7l-1.1-1.06a8%208%200%200%201%20.8-.6a10.23%2010.23%200%200%201%2012.19.6zm-3%208.26a3.5%203.5%200%200%201-.4%201.29a3.2%203.2%200%200%201-.6.82c-.24.237-.513.439-.81.6a3.44%203.44%200%200%201-1.64.41a3.54%203.54%200%200%201-1.65-.41a4%204%200%200%201-.56-.38a3.2%203.2%200%200%201-.84-1a3.48%203.48%200%200%201%201.73-4.88a3.42%203.42%200%200%201%202.34-.11q.324.1.62.26a3.5%203.5%200%200%201%201.25%201.14q.095.132.16.28a3.3%203.3%200%200%201%20.4%201.98%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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