media reel h icon

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

Name: media-reel-h-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

Related icons in Mage Icons

Use the media reel h icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.235 17.589v3.659a6.17 6.17 0 0 1-2.976-3.66zm16.506 0a6.17 6.17 0 0 1-2.976 3.659v-3.66zm-10.623 0V22H8.14a5.5 5.5 0 0 1-1.176-.118v-4.294zm5.882 0v4.294q-.582.12-1.177.117h-2.976v-4.41zm5-9.412h-9.118v7.647H22zm-10.882 0H2v7.647h9.118zM5.235 2.753v3.66H2.26a6.17 6.17 0 0 1 2.976-3.66m16.505 3.659H18.73V2.753a6.16 6.16 0 0 1 3.012 3.66M11.118 2v4.412H6.965V2.118q.581-.12 1.176-.117zM17 2.118v4.294h-4.153V2h2.941c.407-.005.814.035 1.212.118"/></svg>

React

import type { SVGProps } from "react";

export function MageMediaReelHFill(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="M5.235 17.589v3.659a6.17 6.17 0 0 1-2.976-3.66zm16.506 0a6.17 6.17 0 0 1-2.976 3.659v-3.66zm-10.623 0V22H8.14a5.5 5.5 0 0 1-1.176-.118v-4.294zm5.882 0v4.294q-.582.12-1.177.117h-2.976v-4.41zm5-9.412h-9.118v7.647H22zm-10.882 0H2v7.647h9.118zM5.235 2.753v3.66H2.26a6.17 6.17 0 0 1 2.976-3.66m16.505 3.659H18.73V2.753a6.16 6.16 0 0 1 3.012 3.66M11.118 2v4.412H6.965V2.118q.581-.12 1.176-.117zM17 2.118v4.294h-4.153V2h2.941c.407-.005.814.035 1.212.118"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.235 17.589v3.659a6.17 6.17 0 0 1-2.976-3.66zm16.506 0a6.17 6.17 0 0 1-2.976 3.659v-3.66zm-10.623 0V22H8.14a5.5 5.5 0 0 1-1.176-.118v-4.294zm5.882 0v4.294q-.582.12-1.177.117h-2.976v-4.41zm5-9.412h-9.118v7.647H22zm-10.882 0H2v7.647h9.118zM5.235 2.753v3.66H2.26a6.17 6.17 0 0 1 2.976-3.66m16.505 3.659H18.73V2.753a6.16 6.16 0 0 1 3.012 3.66M11.118 2v4.412H6.965V2.118q.581-.12 1.176-.117zM17 2.118v4.294h-4.153V2h2.941c.407-.005.814.035 1.212.118"/></svg>
</template>

CSS

.icon-media-reel-h-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%22M5.235%2017.589v3.659a6.17%206.17%200%200%201-2.976-3.66zm16.506%200a6.17%206.17%200%200%201-2.976%203.659v-3.66zm-10.623%200V22H8.14a5.5%205.5%200%200%201-1.176-.118v-4.294zm5.882%200v4.294q-.582.12-1.177.117h-2.976v-4.41zm5-9.412h-9.118v7.647H22zm-10.882%200H2v7.647h9.118zM5.235%202.753v3.66H2.26a6.17%206.17%200%200%201%202.976-3.66m16.505%203.659H18.73V2.753a6.16%206.16%200%200%201%203.012%203.66M11.118%202v4.412H6.965V2.118q.581-.12%201.176-.117zM17%202.118v4.294h-4.153V2h2.941c.407-.005.814.035%201.212.118%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%22M5.235%2017.589v3.659a6.17%206.17%200%200%201-2.976-3.66zm16.506%200a6.17%206.17%200%200%201-2.976%203.659v-3.66zm-10.623%200V22H8.14a5.5%205.5%200%200%201-1.176-.118v-4.294zm5.882%200v4.294q-.582.12-1.177.117h-2.976v-4.41zm5-9.412h-9.118v7.647H22zm-10.882%200H2v7.647h9.118zM5.235%202.753v3.66H2.26a6.17%206.17%200%200%201%202.976-3.66m16.505%203.659H18.73V2.753a6.16%206.16%200%200%201%203.012%203.66M11.118%202v4.412H6.965V2.118q.581-.12%201.176-.117zM17%202.118v4.294h-4.153V2h2.941c.407-.005.814.035%201.212.118%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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