Cast Connected icon
zmdi:cast-connected
The Cast Connected icon (zmdi:cast-connected) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 472 × 384 grid. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Design Iconic Font
- Author
- MDI Community
- License
- OFL-1.1
- Size
- 472 × 384
- Tags
- castconnected
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="472" height="384" viewBox="0 0 472 384"><path fill="currentColor" d="M0 320q27 0 45.5 18.5T64 384H0zm0-85q62 0 105.5 43.5T149 384h-42q0-44-31.5-75.5T0 277zM384 85v214H264q-21-64-68-111T85 120V85zM0 149q97 0 166 69t69 166h-43q0-80-56-136T0 192zM427 0q17 0 29.5 12.5T469 43v298q0 18-12.5 30.5T427 384H277v-43h150V43H43v64H0V43q0-18 12.5-30.5T43 0z"/></svg>How to use the Cast Connected icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:cast-connected" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:cast-connected" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:cast-connected" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--cast-connected]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:cast-connected"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:cast-connected"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/cast-connected.svg" alt="Cast Connected icon" width="24" height="24">Related icons in Material Design Iconic Font
Cast Connected icon in other icon sets
Cast Connected icon FAQ
Is the Cast Connected icon free for commercial use?
Yes. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Cast Connected icon in React?
Install @iconify/react and render <Icon icon="zmdi:cast-connected" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cast Connected icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/cast-connected.svg" alt="Cast Connected icon">, or paste the SVG code inline to style it with CSS.