mtv logo
mtv-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- mtv-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 mtv 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(#SVGHcSWxdhd117)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#8ae2d8" d="m4.325 5.122l6.202 3.475l-1.46.82c-.11.06-.25.025-.307 0l-2.837-1.6c-.245-.107-.423.064-.423.164v8.156c0 .253.338.194.45.133c2.901-1.643 8.748-4.95 8.926-5.033c.178-.081.326-.034.378 0l1.105.631c.187.185.048.34-.045.394l-11.862 6.65c-.396.223-.465-.031-.45-.187V5.243c.013-.225.22-.175.323-.12"/><path fill="#2c5ff3" d="m19.675 18.878l-6.202-3.476l1.46-.82c.11-.06.25-.025.307 0l2.837 1.602c.245.106.423-.066.423-.165V7.863c0-.253-.338-.194-.449-.133c-2.901 1.643-8.749 4.95-8.927 5.032s-.326.034-.378 0l-1.105-.63c-.187-.186-.048-.34.045-.394l11.862-6.65c.396-.223.465.031.45.187v13.482c-.013.225-.22.174-.323.12"/></g><defs><clipPath id="SVGHcSWxdhd117"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMtvBackground(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(#SVGHcSWxdhd117)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#8ae2d8" d="m4.325 5.122l6.202 3.475l-1.46.82c-.11.06-.25.025-.307 0l-2.837-1.6c-.245-.107-.423.064-.423.164v8.156c0 .253.338.194.45.133c2.901-1.643 8.748-4.95 8.926-5.033c.178-.081.326-.034.378 0l1.105.631c.187.185.048.34-.045.394l-11.862 6.65c-.396.223-.465-.031-.45-.187V5.243c.013-.225.22-.175.323-.12"/><path fill="#2c5ff3" d="m19.675 18.878l-6.202-3.476l1.46-.82c.11-.06.25-.025.307 0l2.837 1.602c.245.106.423-.066.423-.165V7.863c0-.253-.338-.194-.449-.133c-2.901 1.643-8.749 4.95-8.927 5.032s-.326.034-.378 0l-1.105-.63c-.187-.186-.048-.34.045-.394l11.862-6.65c.396-.223.465.031.45.187v13.482c-.013.225-.22.174-.323.12"/></g><defs><clipPath id="SVGHcSWxdhd117"><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(#SVGHcSWxdhd117)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#8ae2d8" d="m4.325 5.122l6.202 3.475l-1.46.82c-.11.06-.25.025-.307 0l-2.837-1.6c-.245-.107-.423.064-.423.164v8.156c0 .253.338.194.45.133c2.901-1.643 8.748-4.95 8.926-5.033c.178-.081.326-.034.378 0l1.105.631c.187.185.048.34-.045.394l-11.862 6.65c-.396.223-.465-.031-.45-.187V5.243c.013-.225.22-.175.323-.12"/><path fill="#2c5ff3" d="m19.675 18.878l-6.202-3.476l1.46-.82c.11-.06.25-.025.307 0l2.837 1.602c.245.106.423-.066.423-.165V7.863c0-.253-.338-.194-.449-.133c-2.901 1.643-8.749 4.95-8.927 5.032s-.326.034-.378 0l-1.105-.63c-.187-.186-.048-.34.045-.394l11.862-6.65c.396-.223.465.031.45.187v13.482c-.013.225-.22.174-.323.12"/></g><defs><clipPath id="SVGHcSWxdhd117"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-mtv-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(%23SVGHcSWxdhd117)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%238ae2d8%22%20d%3D%22m4.325%205.122l6.202%203.475l-1.46.82c-.11.06-.25.025-.307%200l-2.837-1.6c-.245-.107-.423.064-.423.164v8.156c0%20.253.338.194.45.133c2.901-1.643%208.748-4.95%208.926-5.033c.178-.081.326-.034.378%200l1.105.631c.187.185.048.34-.045.394l-11.862%206.65c-.396.223-.465-.031-.45-.187V5.243c.013-.225.22-.175.323-.12%22%2F%3E%3Cpath%20fill%3D%22%232c5ff3%22%20d%3D%22m19.675%2018.878l-6.202-3.476l1.46-.82c.11-.06.25-.025.307%200l2.837%201.602c.245.106.423-.066.423-.165V7.863c0-.253-.338-.194-.449-.133c-2.901%201.643-8.749%204.95-8.927%205.032s-.326.034-.378%200l-1.105-.63c-.187-.186-.048-.34.045-.394l11.862-6.65c.396-.223.465.031.45.187v13.482c-.013.225-.22.174-.323.12%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd117%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(%23SVGHcSWxdhd117)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%238ae2d8%22%20d%3D%22m4.325%205.122l6.202%203.475l-1.46.82c-.11.06-.25.025-.307%200l-2.837-1.6c-.245-.107-.423.064-.423.164v8.156c0%20.253.338.194.45.133c2.901-1.643%208.748-4.95%208.926-5.033c.178-.081.326-.034.378%200l1.105.631c.187.185.048.34-.045.394l-11.862%206.65c-.396.223-.465-.031-.45-.187V5.243c.013-.225.22-.175.323-.12%22%2F%3E%3Cpath%20fill%3D%22%232c5ff3%22%20d%3D%22m19.675%2018.878l-6.202-3.476l1.46-.82c.11-.06.25-.025.307%200l2.837%201.602c.245.106.423-.066.423-.165V7.863c0-.253-.338-.194-.449-.133c-2.901%201.643-8.749%204.95-8.927%205.032s-.326.034-.378%200l-1.105-.63c-.187-.186-.048-.34.045-.394l11.862-6.65c.396-.223.465.031.45.187v13.482c-.013.225-.22.174-.323.12%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd117%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/mtv-background.svg?color=%231a73e8&size=48
