media logo
media-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- media-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the media logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd54)"><path fill="#92278f" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 9.192l-2.562-2.595L19.998 4zm-.002 5.402l-.001.001l-2.561-2.597l2.56-2.595l.002.001zm0 5.405l-2.562-2.596l2.56-2.595zm-2.665-2.703l-.002-5.19l.002-.001l2.562 2.596zm0-5.402l-.002-5.19L19.896 9.3zm-.001 5.403l-2.562-2.596l2.561-2.593v5.188z"/><path fill="#fff" d="m17.333 11.894l-2.561-2.595l2.56-2.596zm-.089.106l.002.003l-2.562 2.595l-2.562-2.595l.001-.003zm-5.12 0l2.56-2.6l2.563 2.6zm-.125 5.297v-5.19l2.562 2.594z"/><path fill="#fff" d="M12 17.297L9.437 14.7L12 12.106zM11.911 12l.001.003l-2.562 2.595l-2.56-2.595V12zM6.79 12l2.543-2.6L11.91 12zm-.123 5.297v-5.19l2.561 2.595zm0-5.405V6.703l2.561 2.595z"/><path fill="#fff" d="M6.667 17.297L4.105 14.7l2.561-2.595l.001.001zm0-5.405v.002L4.104 9.298l2.562-2.595zM4 19.999v-5.19l2.562 2.594zm0-5.404V9.403L6.562 12zm0-5.403v-5.19l2.562 2.595z"/></g><defs><clipPath id="SVGHcSWxdhd54"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMediaBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd54)"><path fill="#92278f" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 9.192l-2.562-2.595L19.998 4zm-.002 5.402l-.001.001l-2.561-2.597l2.56-2.595l.002.001zm0 5.405l-2.562-2.596l2.56-2.595zm-2.665-2.703l-.002-5.19l.002-.001l2.562 2.596zm0-5.402l-.002-5.19L19.896 9.3zm-.001 5.403l-2.562-2.596l2.561-2.593v5.188z"/><path fill="#fff" d="m17.333 11.894l-2.561-2.595l2.56-2.596zm-.089.106l.002.003l-2.562 2.595l-2.562-2.595l.001-.003zm-5.12 0l2.56-2.6l2.563 2.6zm-.125 5.297v-5.19l2.562 2.594z"/><path fill="#fff" d="M12 17.297L9.437 14.7L12 12.106zM11.911 12l.001.003l-2.562 2.595l-2.56-2.595V12zM6.79 12l2.543-2.6L11.91 12zm-.123 5.297v-5.19l2.561 2.595zm0-5.405V6.703l2.561 2.595z"/><path fill="#fff" d="M6.667 17.297L4.105 14.7l2.561-2.595l.001.001zm0-5.405v.002L4.104 9.298l2.562-2.595zM4 19.999v-5.19l2.562 2.594zm0-5.404V9.403L6.562 12zm0-5.403v-5.19l2.562 2.595z"/></g><defs><clipPath id="SVGHcSWxdhd54"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd54)"><path fill="#92278f" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 9.192l-2.562-2.595L19.998 4zm-.002 5.402l-.001.001l-2.561-2.597l2.56-2.595l.002.001zm0 5.405l-2.562-2.596l2.56-2.595zm-2.665-2.703l-.002-5.19l.002-.001l2.562 2.596zm0-5.402l-.002-5.19L19.896 9.3zm-.001 5.403l-2.562-2.596l2.561-2.593v5.188z"/><path fill="#fff" d="m17.333 11.894l-2.561-2.595l2.56-2.596zm-.089.106l.002.003l-2.562 2.595l-2.562-2.595l.001-.003zm-5.12 0l2.56-2.6l2.563 2.6zm-.125 5.297v-5.19l2.562 2.594z"/><path fill="#fff" d="M12 17.297L9.437 14.7L12 12.106zM11.911 12l.001.003l-2.562 2.595l-2.56-2.595V12zM6.79 12l2.543-2.6L11.91 12zm-.123 5.297v-5.19l2.561 2.595zm0-5.405V6.703l2.561 2.595z"/><path fill="#fff" d="M6.667 17.297L4.105 14.7l2.561-2.595l.001.001zm0-5.405v.002L4.104 9.298l2.562-2.595zM4 19.999v-5.19l2.562 2.594zm0-5.404V9.403L6.562 12zm0-5.403v-5.19l2.562 2.595z"/></g><defs><clipPath id="SVGHcSWxdhd54"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-media-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd54)%22%3E%3Cpath%20fill%3D%22%2392278f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m20%209.192l-2.562-2.595L19.998%204zm-.002%205.402l-.001.001l-2.561-2.597l2.56-2.595l.002.001zm0%205.405l-2.562-2.596l2.56-2.595zm-2.665-2.703l-.002-5.19l.002-.001l2.562%202.596zm0-5.402l-.002-5.19L19.896%209.3zm-.001%205.403l-2.562-2.596l2.561-2.593v5.188z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.333%2011.894l-2.561-2.595l2.56-2.596zm-.089.106l.002.003l-2.562%202.595l-2.562-2.595l.001-.003zm-5.12%200l2.56-2.6l2.563%202.6zm-.125%205.297v-5.19l2.562%202.594z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2017.297L9.437%2014.7L12%2012.106zM11.911%2012l.001.003l-2.562%202.595l-2.56-2.595V12zM6.79%2012l2.543-2.6L11.91%2012zm-.123%205.297v-5.19l2.561%202.595zm0-5.405V6.703l2.561%202.595z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.667%2017.297L4.105%2014.7l2.561-2.595l.001.001zm0-5.405v.002L4.104%209.298l2.562-2.595zM4%2019.999v-5.19l2.562%202.594zm0-5.404V9.403L6.562%2012zm0-5.403v-5.19l2.562%202.595z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd54%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd54)%22%3E%3Cpath%20fill%3D%22%2392278f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m20%209.192l-2.562-2.595L19.998%204zm-.002%205.402l-.001.001l-2.561-2.597l2.56-2.595l.002.001zm0%205.405l-2.562-2.596l2.56-2.595zm-2.665-2.703l-.002-5.19l.002-.001l2.562%202.596zm0-5.402l-.002-5.19L19.896%209.3zm-.001%205.403l-2.562-2.596l2.561-2.593v5.188z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.333%2011.894l-2.561-2.595l2.56-2.596zm-.089.106l.002.003l-2.562%202.595l-2.562-2.595l.001-.003zm-5.12%200l2.56-2.6l2.563%202.6zm-.125%205.297v-5.19l2.562%202.594z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2017.297L9.437%2014.7L12%2012.106zM11.911%2012l.001.003l-2.562%202.595l-2.56-2.595V12zM6.79%2012l2.543-2.6L11.91%2012zm-.123%205.297v-5.19l2.561%202.595zm0-5.405V6.703l2.561%202.595z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.667%2017.297L4.105%2014.7l2.561-2.595l.001.001zm0-5.405v.002L4.104%209.298l2.562-2.595zM4%2019.999v-5.19l2.562%202.594zm0-5.404V9.403L6.562%2012zm0-5.403v-5.19l2.562%202.595z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd54%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/media-background.svg?color=%231a73e8&size=48
