media logo

media from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: media
Set: Web3 Icons Branded
Style: Branded
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"><path fill="#ff86c0" d="m21 8.84l-2.882-2.919l2.88-2.92z"/><path fill="#d93389" d="m20.998 14.918l-.001.002l-2.881-2.922l2.88-2.92l.002.002z"/><path fill="#92278f" d="m20.998 20.999l-2.882-2.92l2.88-2.92z"/><path fill="#b41d8e" d="m18 17.96l-.002-5.839l.001-.001l2.883 2.92z"/><path fill="#ef59a1" d="m18 11.88l-.002-5.838l2.884 2.92z"/><path fill="#92278f" d="m18 17.96l-2.883-2.92l2.881-2.918v5.836z"/><path fill="#371466" d="m18 11.88l-2.881-2.919l2.88-2.92z"/><path fill="#702c91" d="m17.9 12l.002.003l-2.883 2.92l-2.882-2.92l.001-.003z"/><path fill="#562988" d="m12.14 12l2.88-2.925L17.903 12z"/><path fill="#371466" d="M11.999 17.959v-5.84l2.882 2.92z"/><path fill="#272262" d="m12 17.959l-2.882-2.92L12 12.119z"/><path fill="#1d3d88" d="m11.9 12l.001.003l-2.882 2.92l-2.88-2.92V12z"/><path fill="#252f77" d="M6.14 12L9 9.075L11.9 12z"/><path fill="#084f9d" d="M6.001 17.96v-5.838l2.88 2.918z"/><path fill="#272262" d="M6.001 11.879V6.04l2.88 2.92z"/><path fill="#1b87c7" d="m6 17.959l-2.881-2.92l2.88-2.92l.002.002z"/><path fill="#0cb699" d="M6 11.879L3.119 8.96L6 6.041z"/><path fill="#0058a2" d="M3 20.999v-5.84l2.882 2.92z"/><path fill="#3bc3f3" d="M3 14.92V9.079l2.882 2.92z"/><path fill="#0fe9c4" d="M3 8.84V3.002l2.882 2.92z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMedia(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"><path fill="#ff86c0" d="m21 8.84l-2.882-2.919l2.88-2.92z"/><path fill="#d93389" d="m20.998 14.918l-.001.002l-2.881-2.922l2.88-2.92l.002.002z"/><path fill="#92278f" d="m20.998 20.999l-2.882-2.92l2.88-2.92z"/><path fill="#b41d8e" d="m18 17.96l-.002-5.839l.001-.001l2.883 2.92z"/><path fill="#ef59a1" d="m18 11.88l-.002-5.838l2.884 2.92z"/><path fill="#92278f" d="m18 17.96l-2.883-2.92l2.881-2.918v5.836z"/><path fill="#371466" d="m18 11.88l-2.881-2.919l2.88-2.92z"/><path fill="#702c91" d="m17.9 12l.002.003l-2.883 2.92l-2.882-2.92l.001-.003z"/><path fill="#562988" d="m12.14 12l2.88-2.925L17.903 12z"/><path fill="#371466" d="M11.999 17.959v-5.84l2.882 2.92z"/><path fill="#272262" d="m12 17.959l-2.882-2.92L12 12.119z"/><path fill="#1d3d88" d="m11.9 12l.001.003l-2.882 2.92l-2.88-2.92V12z"/><path fill="#252f77" d="M6.14 12L9 9.075L11.9 12z"/><path fill="#084f9d" d="M6.001 17.96v-5.838l2.88 2.918z"/><path fill="#272262" d="M6.001 11.879V6.04l2.88 2.92z"/><path fill="#1b87c7" d="m6 17.959l-2.881-2.92l2.88-2.92l.002.002z"/><path fill="#0cb699" d="M6 11.879L3.119 8.96L6 6.041z"/><path fill="#0058a2" d="M3 20.999v-5.84l2.882 2.92z"/><path fill="#3bc3f3" d="M3 14.92V9.079l2.882 2.92z"/><path fill="#0fe9c4" d="M3 8.84V3.002l2.882 2.92z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#ff86c0" d="m21 8.84l-2.882-2.919l2.88-2.92z"/><path fill="#d93389" d="m20.998 14.918l-.001.002l-2.881-2.922l2.88-2.92l.002.002z"/><path fill="#92278f" d="m20.998 20.999l-2.882-2.92l2.88-2.92z"/><path fill="#b41d8e" d="m18 17.96l-.002-5.839l.001-.001l2.883 2.92z"/><path fill="#ef59a1" d="m18 11.88l-.002-5.838l2.884 2.92z"/><path fill="#92278f" d="m18 17.96l-2.883-2.92l2.881-2.918v5.836z"/><path fill="#371466" d="m18 11.88l-2.881-2.919l2.88-2.92z"/><path fill="#702c91" d="m17.9 12l.002.003l-2.883 2.92l-2.882-2.92l.001-.003z"/><path fill="#562988" d="m12.14 12l2.88-2.925L17.903 12z"/><path fill="#371466" d="M11.999 17.959v-5.84l2.882 2.92z"/><path fill="#272262" d="m12 17.959l-2.882-2.92L12 12.119z"/><path fill="#1d3d88" d="m11.9 12l.001.003l-2.882 2.92l-2.88-2.92V12z"/><path fill="#252f77" d="M6.14 12L9 9.075L11.9 12z"/><path fill="#084f9d" d="M6.001 17.96v-5.838l2.88 2.918z"/><path fill="#272262" d="M6.001 11.879V6.04l2.88 2.92z"/><path fill="#1b87c7" d="m6 17.959l-2.881-2.92l2.88-2.92l.002.002z"/><path fill="#0cb699" d="M6 11.879L3.119 8.96L6 6.041z"/><path fill="#0058a2" d="M3 20.999v-5.84l2.882 2.92z"/><path fill="#3bc3f3" d="M3 14.92V9.079l2.882 2.92z"/><path fill="#0fe9c4" d="M3 8.84V3.002l2.882 2.92z"/></g></svg>
</template>

CSS

.icon-media {
  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%3Cpath%20fill%3D%22%23ff86c0%22%20d%3D%22m21%208.84l-2.882-2.919l2.88-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23d93389%22%20d%3D%22m20.998%2014.918l-.001.002l-2.881-2.922l2.88-2.92l.002.002z%22%2F%3E%3Cpath%20fill%3D%22%2392278f%22%20d%3D%22m20.998%2020.999l-2.882-2.92l2.88-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23b41d8e%22%20d%3D%22m18%2017.96l-.002-5.839l.001-.001l2.883%202.92z%22%2F%3E%3Cpath%20fill%3D%22%23ef59a1%22%20d%3D%22m18%2011.88l-.002-5.838l2.884%202.92z%22%2F%3E%3Cpath%20fill%3D%22%2392278f%22%20d%3D%22m18%2017.96l-2.883-2.92l2.881-2.918v5.836z%22%2F%3E%3Cpath%20fill%3D%22%23371466%22%20d%3D%22m18%2011.88l-2.881-2.919l2.88-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23702c91%22%20d%3D%22m17.9%2012l.002.003l-2.883%202.92l-2.882-2.92l.001-.003z%22%2F%3E%3Cpath%20fill%3D%22%23562988%22%20d%3D%22m12.14%2012l2.88-2.925L17.903%2012z%22%2F%3E%3Cpath%20fill%3D%22%23371466%22%20d%3D%22M11.999%2017.959v-5.84l2.882%202.92z%22%2F%3E%3Cpath%20fill%3D%22%23272262%22%20d%3D%22m12%2017.959l-2.882-2.92L12%2012.119z%22%2F%3E%3Cpath%20fill%3D%22%231d3d88%22%20d%3D%22m11.9%2012l.001.003l-2.882%202.92l-2.88-2.92V12z%22%2F%3E%3Cpath%20fill%3D%22%23252f77%22%20d%3D%22M6.14%2012L9%209.075L11.9%2012z%22%2F%3E%3Cpath%20fill%3D%22%23084f9d%22%20d%3D%22M6.001%2017.96v-5.838l2.88%202.918z%22%2F%3E%3Cpath%20fill%3D%22%23272262%22%20d%3D%22M6.001%2011.879V6.04l2.88%202.92z%22%2F%3E%3Cpath%20fill%3D%22%231b87c7%22%20d%3D%22m6%2017.959l-2.881-2.92l2.88-2.92l.002.002z%22%2F%3E%3Cpath%20fill%3D%22%230cb699%22%20d%3D%22M6%2011.879L3.119%208.96L6%206.041z%22%2F%3E%3Cpath%20fill%3D%22%230058a2%22%20d%3D%22M3%2020.999v-5.84l2.882%202.92z%22%2F%3E%3Cpath%20fill%3D%22%233bc3f3%22%20d%3D%22M3%2014.92V9.079l2.882%202.92z%22%2F%3E%3Cpath%20fill%3D%22%230fe9c4%22%20d%3D%22M3%208.84V3.002l2.882%202.92z%22%2F%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%3Cpath%20fill%3D%22%23ff86c0%22%20d%3D%22m21%208.84l-2.882-2.919l2.88-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23d93389%22%20d%3D%22m20.998%2014.918l-.001.002l-2.881-2.922l2.88-2.92l.002.002z%22%2F%3E%3Cpath%20fill%3D%22%2392278f%22%20d%3D%22m20.998%2020.999l-2.882-2.92l2.88-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23b41d8e%22%20d%3D%22m18%2017.96l-.002-5.839l.001-.001l2.883%202.92z%22%2F%3E%3Cpath%20fill%3D%22%23ef59a1%22%20d%3D%22m18%2011.88l-.002-5.838l2.884%202.92z%22%2F%3E%3Cpath%20fill%3D%22%2392278f%22%20d%3D%22m18%2017.96l-2.883-2.92l2.881-2.918v5.836z%22%2F%3E%3Cpath%20fill%3D%22%23371466%22%20d%3D%22m18%2011.88l-2.881-2.919l2.88-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23702c91%22%20d%3D%22m17.9%2012l.002.003l-2.883%202.92l-2.882-2.92l.001-.003z%22%2F%3E%3Cpath%20fill%3D%22%23562988%22%20d%3D%22m12.14%2012l2.88-2.925L17.903%2012z%22%2F%3E%3Cpath%20fill%3D%22%23371466%22%20d%3D%22M11.999%2017.959v-5.84l2.882%202.92z%22%2F%3E%3Cpath%20fill%3D%22%23272262%22%20d%3D%22m12%2017.959l-2.882-2.92L12%2012.119z%22%2F%3E%3Cpath%20fill%3D%22%231d3d88%22%20d%3D%22m11.9%2012l.001.003l-2.882%202.92l-2.88-2.92V12z%22%2F%3E%3Cpath%20fill%3D%22%23252f77%22%20d%3D%22M6.14%2012L9%209.075L11.9%2012z%22%2F%3E%3Cpath%20fill%3D%22%23084f9d%22%20d%3D%22M6.001%2017.96v-5.838l2.88%202.918z%22%2F%3E%3Cpath%20fill%3D%22%23272262%22%20d%3D%22M6.001%2011.879V6.04l2.88%202.92z%22%2F%3E%3Cpath%20fill%3D%22%231b87c7%22%20d%3D%22m6%2017.959l-2.881-2.92l2.88-2.92l.002.002z%22%2F%3E%3Cpath%20fill%3D%22%230cb699%22%20d%3D%22M6%2011.879L3.119%208.96L6%206.041z%22%2F%3E%3Cpath%20fill%3D%22%230058a2%22%20d%3D%22M3%2020.999v-5.84l2.882%202.92z%22%2F%3E%3Cpath%20fill%3D%22%233bc3f3%22%20d%3D%22M3%2014.92V9.079l2.882%202.92z%22%2F%3E%3Cpath%20fill%3D%22%230fe9c4%22%20d%3D%22M3%208.84V3.002l2.882%202.92z%22%2F%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.svg?color=%231a73e8&size=48