stream icon

stream-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.

Name: stream-32-filled
Set: Fluent UI System Icons
Style: 32 Filled
Viewbox: 32×32
License: MIT

7 other variants in Fluent UI System Icons

stream-20-filled stream-20-regular stream-24-filled stream-24-regular stream-32-regular stream-48-filled stream-48-regular

The same icon in other sets

streamFont Awesome Solid streamLine Awesome streamMaterial Symbols streamMaterial Symbols Light stream-boldSolar

Related icons in Fluent UI System Icons

stream-input-20-filled stream-input-output-20-filled stream-output-20-filled

Use the stream icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.75 3C14.813 3 10 7.813 10 13.75v1A2.25 2.25 0 0 1 7.75 17h-3.5a1.25 1.25 0 1 0 0 2.5h3.5a4.75 4.75 0 0 0 4.75-4.75v-1a8.25 8.25 0 0 1 8.25-8.25h2a1.25 1.25 0 1 0 0-2.5zm-6.5 11.75A6.75 6.75 0 0 1 21 8h6.75a1.25 1.25 0 1 1 0 2.5H21a4.25 4.25 0 0 0-4.25 4.25v2A7.75 7.75 0 0 1 9 24.5H4.25a1.25 1.25 0 1 1 0-2.5H9c2.9 0 5.25-2.35 5.25-5.25zm6.998 3.888c-.12 6.02-5.037 10.862-11.085 10.862H9.25a1.25 1.25 0 0 1 0-2.5h.913a8.587 8.587 0 0 0 8.587-8.587V16.25A3.25 3.25 0 0 1 22 13h5.75a1.25 1.25 0 1 1 0 2.5H22a.75.75 0 0 0-.75.75v2.313q0 .038-.002.075"/></svg>

React

import type { SVGProps } from "react";

export function FluentStream32Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.75 3C14.813 3 10 7.813 10 13.75v1A2.25 2.25 0 0 1 7.75 17h-3.5a1.25 1.25 0 1 0 0 2.5h3.5a4.75 4.75 0 0 0 4.75-4.75v-1a8.25 8.25 0 0 1 8.25-8.25h2a1.25 1.25 0 1 0 0-2.5zm-6.5 11.75A6.75 6.75 0 0 1 21 8h6.75a1.25 1.25 0 1 1 0 2.5H21a4.25 4.25 0 0 0-4.25 4.25v2A7.75 7.75 0 0 1 9 24.5H4.25a1.25 1.25 0 1 1 0-2.5H9c2.9 0 5.25-2.35 5.25-5.25zm6.998 3.888c-.12 6.02-5.037 10.862-11.085 10.862H9.25a1.25 1.25 0 0 1 0-2.5h.913a8.587 8.587 0 0 0 8.587-8.587V16.25A3.25 3.25 0 0 1 22 13h5.75a1.25 1.25 0 1 1 0 2.5H22a.75.75 0 0 0-.75.75v2.313q0 .038-.002.075"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.75 3C14.813 3 10 7.813 10 13.75v1A2.25 2.25 0 0 1 7.75 17h-3.5a1.25 1.25 0 1 0 0 2.5h3.5a4.75 4.75 0 0 0 4.75-4.75v-1a8.25 8.25 0 0 1 8.25-8.25h2a1.25 1.25 0 1 0 0-2.5zm-6.5 11.75A6.75 6.75 0 0 1 21 8h6.75a1.25 1.25 0 1 1 0 2.5H21a4.25 4.25 0 0 0-4.25 4.25v2A7.75 7.75 0 0 1 9 24.5H4.25a1.25 1.25 0 1 1 0-2.5H9c2.9 0 5.25-2.35 5.25-5.25zm6.998 3.888c-.12 6.02-5.037 10.862-11.085 10.862H9.25a1.25 1.25 0 0 1 0-2.5h.913a8.587 8.587 0 0 0 8.587-8.587V16.25A3.25 3.25 0 0 1 22 13h5.75a1.25 1.25 0 1 1 0 2.5H22a.75.75 0 0 0-.75.75v2.313q0 .038-.002.075"/></svg>
</template>

CSS

.icon-stream-32-filled {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.75%203C14.813%203%2010%207.813%2010%2013.75v1A2.25%202.25%200%200%201%207.75%2017h-3.5a1.25%201.25%200%201%200%200%202.5h3.5a4.75%204.75%200%200%200%204.75-4.75v-1a8.25%208.25%200%200%201%208.25-8.25h2a1.25%201.25%200%201%200%200-2.5zm-6.5%2011.75A6.75%206.75%200%200%201%2021%208h6.75a1.25%201.25%200%201%201%200%202.5H21a4.25%204.25%200%200%200-4.25%204.25v2A7.75%207.75%200%200%201%209%2024.5H4.25a1.25%201.25%200%201%201%200-2.5H9c2.9%200%205.25-2.35%205.25-5.25zm6.998%203.888c-.12%206.02-5.037%2010.862-11.085%2010.862H9.25a1.25%201.25%200%200%201%200-2.5h.913a8.587%208.587%200%200%200%208.587-8.587V16.25A3.25%203.25%200%200%201%2022%2013h5.75a1.25%201.25%200%201%201%200%202.5H22a.75.75%200%200%200-.75.75v2.313q0%20.038-.002.075%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.75%203C14.813%203%2010%207.813%2010%2013.75v1A2.25%202.25%200%200%201%207.75%2017h-3.5a1.25%201.25%200%201%200%200%202.5h3.5a4.75%204.75%200%200%200%204.75-4.75v-1a8.25%208.25%200%200%201%208.25-8.25h2a1.25%201.25%200%201%200%200-2.5zm-6.5%2011.75A6.75%206.75%200%200%201%2021%208h6.75a1.25%201.25%200%201%201%200%202.5H21a4.25%204.25%200%200%200-4.25%204.25v2A7.75%207.75%200%200%201%209%2024.5H4.25a1.25%201.25%200%201%201%200-2.5H9c2.9%200%205.25-2.35%205.25-5.25zm6.998%203.888c-.12%206.02-5.037%2010.862-11.085%2010.862H9.25a1.25%201.25%200%200%201%200-2.5h.913a8.587%208.587%200%200%200%208.587-8.587V16.25A3.25%203.25%200%200%201%2022%2013h5.75a1.25%201.25%200%201%201%200%202.5H22a.75.75%200%200%200-.75.75v2.313q0%20.038-.002.075%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/stream-32-filled.svg?color=%231a73e8&size=48