digital out of home icon

digital-out-of-home-outline from Material Symbols Light by Google · Outline · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name: digital-out-of-home-outline
Set: Material Symbols Light
Style: Outline
Category: Audio & Video
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

digital-out-of-home digital-out-of-home-outline-rounded digital-out-of-home-outline-sharp digital-out-of-home-rounded digital-out-of-home-sharp

The same icon in other sets

digital-out-of-homeMaterial Symbols

More audio & video icons from Material Symbols Light

10k 1k 1k-plus 2d 2d-2 2k 2k-plus 30fps 3d 3d-2 3k 3k-plus 4k 4k-plus 5k 5k-plus 60fps 6k 6k-plus 7k 7k-plus 8k 8k-plus 9k

Use the digital out of home icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.5 22.5V3.116q0-.672.472-1.144T2.116 1.5h6.769q.67 0 1.143.472q.472.472.472 1.144V22.5h-1v-2h-8v2zm15.116 0v-5.792l2.15-2.089l-.872-4.042q-.955 1.51-2.103 2.149q-1.147.64-2.483.736v-1q1.315-.116 2.151-.633q.837-.517 1.485-1.577l.923-1.494q.356-.587.946-.706q.59-.12 1.221.156l4.466 1.854V14h-1v-3.267l-2.867-1.196L22.346 22.5h-1.011l-1.852-7.496l-2.867 2.742V22.5zM1.5 19.5h8V3.116q0-.27-.173-.443T8.885 2.5h-6.77q-.269 0-.442.173t-.173.443zm2.616-6.692L7.269 11L4.115 9.192zM15.799 6.2q-.491-.492-.491-1.201t.491-1.201T17 3.308t1.201.491T18.692 5t-.491 1.201T17 6.692t-1.201-.491M1.5 19.5h8z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDigitalOutOfHomeOutline(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="M.5 22.5V3.116q0-.672.472-1.144T2.116 1.5h6.769q.67 0 1.143.472q.472.472.472 1.144V22.5h-1v-2h-8v2zm15.116 0v-5.792l2.15-2.089l-.872-4.042q-.955 1.51-2.103 2.149q-1.147.64-2.483.736v-1q1.315-.116 2.151-.633q.837-.517 1.485-1.577l.923-1.494q.356-.587.946-.706q.59-.12 1.221.156l4.466 1.854V14h-1v-3.267l-2.867-1.196L22.346 22.5h-1.011l-1.852-7.496l-2.867 2.742V22.5zM1.5 19.5h8V3.116q0-.27-.173-.443T8.885 2.5h-6.77q-.269 0-.442.173t-.173.443zm2.616-6.692L7.269 11L4.115 9.192zM15.799 6.2q-.491-.492-.491-1.201t.491-1.201T17 3.308t1.201.491T18.692 5t-.491 1.201T17 6.692t-1.201-.491M1.5 19.5h8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.5 22.5V3.116q0-.672.472-1.144T2.116 1.5h6.769q.67 0 1.143.472q.472.472.472 1.144V22.5h-1v-2h-8v2zm15.116 0v-5.792l2.15-2.089l-.872-4.042q-.955 1.51-2.103 2.149q-1.147.64-2.483.736v-1q1.315-.116 2.151-.633q.837-.517 1.485-1.577l.923-1.494q.356-.587.946-.706q.59-.12 1.221.156l4.466 1.854V14h-1v-3.267l-2.867-1.196L22.346 22.5h-1.011l-1.852-7.496l-2.867 2.742V22.5zM1.5 19.5h8V3.116q0-.27-.173-.443T8.885 2.5h-6.77q-.269 0-.442.173t-.173.443zm2.616-6.692L7.269 11L4.115 9.192zM15.799 6.2q-.491-.492-.491-1.201t.491-1.201T17 3.308t1.201.491T18.692 5t-.491 1.201T17 6.692t-1.201-.491M1.5 19.5h8z"/></svg>
</template>

CSS

.icon-digital-out-of-home-outline {
  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%22M.5%2022.5V3.116q0-.672.472-1.144T2.116%201.5h6.769q.67%200%201.143.472q.472.472.472%201.144V22.5h-1v-2h-8v2zm15.116%200v-5.792l2.15-2.089l-.872-4.042q-.955%201.51-2.103%202.149q-1.147.64-2.483.736v-1q1.315-.116%202.151-.633q.837-.517%201.485-1.577l.923-1.494q.356-.587.946-.706q.59-.12%201.221.156l4.466%201.854V14h-1v-3.267l-2.867-1.196L22.346%2022.5h-1.011l-1.852-7.496l-2.867%202.742V22.5zM1.5%2019.5h8V3.116q0-.27-.173-.443T8.885%202.5h-6.77q-.269%200-.442.173t-.173.443zm2.616-6.692L7.269%2011L4.115%209.192zM15.799%206.2q-.491-.492-.491-1.201t.491-1.201T17%203.308t1.201.491T18.692%205t-.491%201.201T17%206.692t-1.201-.491M1.5%2019.5h8z%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%22M.5%2022.5V3.116q0-.672.472-1.144T2.116%201.5h6.769q.67%200%201.143.472q.472.472.472%201.144V22.5h-1v-2h-8v2zm15.116%200v-5.792l2.15-2.089l-.872-4.042q-.955%201.51-2.103%202.149q-1.147.64-2.483.736v-1q1.315-.116%202.151-.633q.837-.517%201.485-1.577l.923-1.494q.356-.587.946-.706q.59-.12%201.221.156l4.466%201.854V14h-1v-3.267l-2.867-1.196L22.346%2022.5h-1.011l-1.852-7.496l-2.867%202.742V22.5zM1.5%2019.5h8V3.116q0-.27-.173-.443T8.885%202.5h-6.77q-.269%200-.442.173t-.173.443zm2.616-6.692L7.269%2011L4.115%209.192zM15.799%206.2q-.491-.492-.491-1.201t.491-1.201T17%203.308t1.201.491T18.692%205t-.491%201.201T17%206.692t-1.201-.491M1.5%2019.5h8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/digital-out-of-home-outline.svg?color=%231a73e8&size=48