twotone panorama horizontal select icon

twotone-panorama-horizontal-select from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.

Name
twotone-panorama-horizontal-select
Set
Google Material Icons
Style
Baseline
Category
Image
Viewbox
24×24
License
Apache 2.0

More image icons from Google Material Icons

baseline-10mpbaseline-11mpbaseline-12mpbaseline-13mpbaseline-14mpbaseline-15mpbaseline-16mpbaseline-17mpbaseline-18mpbaseline-19mpbaseline-20mpbaseline-21mpbaseline-22mpbaseline-23mpbaseline-24mpbaseline-2mpbaseline-30fps-selectbaseline-3mpbaseline-4mpbaseline-5mpbaseline-60fps-selectbaseline-6mpbaseline-7mpbaseline-8mp

Use the twotone panorama horizontal select icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6.38v11.25c2.01-.59 4.61-1.13 8-1.13c3.38 0 5.99.54 8 1.13V6.37c-2.01.59-4.62 1.13-8 1.13c-2.68 0-5.42-.39-8-1.12" opacity=".3"/><path fill="currentColor" d="M21.01 4C20.45 4 17.4 5.5 12 5.5c-5.31 0-8.49-1.49-9.01-1.49c-.53 0-.99.44-.99 1.01V19c0 .57.46 1 .99 1c.57 0 3.55-1.5 9.01-1.5c5.42 0 8.44 1.5 9.01 1.5c.53 0 .99-.43.99-1V5c0-.57-.46-1-.99-1M20 17.63c-2.01-.59-4.62-1.13-8-1.13c-3.39 0-5.99.54-8 1.13V6.38c2.58.73 5.32 1.12 8 1.12c3.38 0 5.99-.54 8-1.13z"/></svg>

React

import type { SVGProps } from "react";

export function IcTwotonePanoramaHorizontalSelect(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="M4 6.38v11.25c2.01-.59 4.61-1.13 8-1.13c3.38 0 5.99.54 8 1.13V6.37c-2.01.59-4.62 1.13-8 1.13c-2.68 0-5.42-.39-8-1.12" opacity=".3"/><path fill="currentColor" d="M21.01 4C20.45 4 17.4 5.5 12 5.5c-5.31 0-8.49-1.49-9.01-1.49c-.53 0-.99.44-.99 1.01V19c0 .57.46 1 .99 1c.57 0 3.55-1.5 9.01-1.5c5.42 0 8.44 1.5 9.01 1.5c.53 0 .99-.43.99-1V5c0-.57-.46-1-.99-1M20 17.63c-2.01-.59-4.62-1.13-8-1.13c-3.39 0-5.99.54-8 1.13V6.38c2.58.73 5.32 1.12 8 1.12c3.38 0 5.99-.54 8-1.13z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6.38v11.25c2.01-.59 4.61-1.13 8-1.13c3.38 0 5.99.54 8 1.13V6.37c-2.01.59-4.62 1.13-8 1.13c-2.68 0-5.42-.39-8-1.12" opacity=".3"/><path fill="currentColor" d="M21.01 4C20.45 4 17.4 5.5 12 5.5c-5.31 0-8.49-1.49-9.01-1.49c-.53 0-.99.44-.99 1.01V19c0 .57.46 1 .99 1c.57 0 3.55-1.5 9.01-1.5c5.42 0 8.44 1.5 9.01 1.5c.53 0 .99-.43.99-1V5c0-.57-.46-1-.99-1M20 17.63c-2.01-.59-4.62-1.13-8-1.13c-3.39 0-5.99.54-8 1.13V6.38c2.58.73 5.32 1.12 8 1.12c3.38 0 5.99-.54 8-1.13z"/></svg>
</template>

CSS

.icon-twotone-panorama-horizontal-select {
  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%22M4%206.38v11.25c2.01-.59%204.61-1.13%208-1.13c3.38%200%205.99.54%208%201.13V6.37c-2.01.59-4.62%201.13-8%201.13c-2.68%200-5.42-.39-8-1.12%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.01%204C20.45%204%2017.4%205.5%2012%205.5c-5.31%200-8.49-1.49-9.01-1.49c-.53%200-.99.44-.99%201.01V19c0%20.57.46%201%20.99%201c.57%200%203.55-1.5%209.01-1.5c5.42%200%208.44%201.5%209.01%201.5c.53%200%20.99-.43.99-1V5c0-.57-.46-1-.99-1M20%2017.63c-2.01-.59-4.62-1.13-8-1.13c-3.39%200-5.99.54-8%201.13V6.38c2.58.73%205.32%201.12%208%201.12c3.38%200%205.99-.54%208-1.13z%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%22M4%206.38v11.25c2.01-.59%204.61-1.13%208-1.13c3.38%200%205.99.54%208%201.13V6.37c-2.01.59-4.62%201.13-8%201.13c-2.68%200-5.42-.39-8-1.12%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.01%204C20.45%204%2017.4%205.5%2012%205.5c-5.31%200-8.49-1.49-9.01-1.49c-.53%200-.99.44-.99%201.01V19c0%20.57.46%201%20.99%201c.57%200%203.55-1.5%209.01-1.5c5.42%200%208.44%201.5%209.01%201.5c.53%200%20.99-.43.99-1V5c0-.57-.46-1-.99-1M20%2017.63c-2.01-.59-4.62-1.13-8-1.13c-3.39%200-5.99.54-8%201.13V6.38c2.58.73%205.32%201.12%208%201.12c3.38%200%205.99-.54%208-1.13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-panorama-horizontal-select.svg?color=%231a73e8&size=48