viggle logo

viggle-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.

Name
viggle-text
Set
LobeHub AI Icons
Style
Wordmark
Viewbox
130×24
License
MIT

1 other variant in LobeHub AI Icons

viggle

Use the viggle logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 130 24"><path fill="currentColor" fill-rule="evenodd" d="M46.524 2c-5.523 0-10 4.477-10 10s4.477 10 10 10h4.047a9.048 9.048 0 009.048-9.048v-1.428H48.667v2.619h7.53a7.146 7.146 0 01-6.816 5h-1.905a7.143 7.143 0 010-14.286h1.905a7.14 7.14 0 016.187 3.572h3.666A9.052 9.052 0 0050.571 2h-4.047zM2 2.238h4.048l7.38 15.927L20.81 2.238h4.048l-9.286 19.524h-4.285L2 2.238zM28.667 2.238h3.571v19.524h-3.571V2.238zM90.333 2.238h3.572v16.429h12.381v3.095H90.333V2.238zM110.571 2.238h17.143v3.095h-13.571v5.238h12.619v2.62h-12.619v5.476h13.571v3.095h-17.143V2.238zM62.952 12c0-5.523 4.478-10 10-10H77a9.052 9.052 0 018.663 6.429h-3.666a7.14 7.14 0 00-6.188-3.572h-1.904a7.143 7.143 0 100 14.286h1.904a7.146 7.146 0 006.816-5h-7.53v-2.62h10.953v1.43A9.048 9.048 0 0177 22h-4.048c-5.522 0-10-4.477-10-10z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubViggleText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 130 24"><path fill="currentColor" fillRule="evenodd" d="M46.524 2c-5.523 0-10 4.477-10 10s4.477 10 10 10h4.047a9.048 9.048 0 009.048-9.048v-1.428H48.667v2.619h7.53a7.146 7.146 0 01-6.816 5h-1.905a7.143 7.143 0 010-14.286h1.905a7.14 7.14 0 016.187 3.572h3.666A9.052 9.052 0 0050.571 2h-4.047zM2 2.238h4.048l7.38 15.927L20.81 2.238h4.048l-9.286 19.524h-4.285L2 2.238zM28.667 2.238h3.571v19.524h-3.571V2.238zM90.333 2.238h3.572v16.429h12.381v3.095H90.333V2.238zM110.571 2.238h17.143v3.095h-13.571v5.238h12.619v2.62h-12.619v5.476h13.571v3.095h-17.143V2.238zM62.952 12c0-5.523 4.478-10 10-10H77a9.052 9.052 0 018.663 6.429h-3.666a7.14 7.14 0 00-6.188-3.572h-1.904a7.143 7.143 0 100 14.286h1.904a7.146 7.146 0 006.816-5h-7.53v-2.62h10.953v1.43A9.048 9.048 0 0177 22h-4.048c-5.522 0-10-4.477-10-10z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 130 24"><path fill="currentColor" fill-rule="evenodd" d="M46.524 2c-5.523 0-10 4.477-10 10s4.477 10 10 10h4.047a9.048 9.048 0 009.048-9.048v-1.428H48.667v2.619h7.53a7.146 7.146 0 01-6.816 5h-1.905a7.143 7.143 0 010-14.286h1.905a7.14 7.14 0 016.187 3.572h3.666A9.052 9.052 0 0050.571 2h-4.047zM2 2.238h4.048l7.38 15.927L20.81 2.238h4.048l-9.286 19.524h-4.285L2 2.238zM28.667 2.238h3.571v19.524h-3.571V2.238zM90.333 2.238h3.572v16.429h12.381v3.095H90.333V2.238zM110.571 2.238h17.143v3.095h-13.571v5.238h12.619v2.62h-12.619v5.476h13.571v3.095h-17.143V2.238zM62.952 12c0-5.523 4.478-10 10-10H77a9.052 9.052 0 018.663 6.429h-3.666a7.14 7.14 0 00-6.188-3.572h-1.904a7.143 7.143 0 100 14.286h1.904a7.146 7.146 0 006.816-5h-7.53v-2.62h10.953v1.43A9.048 9.048 0 0177 22h-4.048c-5.522 0-10-4.477-10-10z"/></svg>
</template>

CSS

.icon-viggle-text {
  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%20130%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.524%202c-5.523%200-10%204.477-10%2010s4.477%2010%2010%2010h4.047a9.048%209.048%200%20009.048-9.048v-1.428H48.667v2.619h7.53a7.146%207.146%200%2001-6.816%205h-1.905a7.143%207.143%200%20010-14.286h1.905a7.14%207.14%200%20016.187%203.572h3.666A9.052%209.052%200%200050.571%202h-4.047zM2%202.238h4.048l7.38%2015.927L20.81%202.238h4.048l-9.286%2019.524h-4.285L2%202.238zM28.667%202.238h3.571v19.524h-3.571V2.238zM90.333%202.238h3.572v16.429h12.381v3.095H90.333V2.238zM110.571%202.238h17.143v3.095h-13.571v5.238h12.619v2.62h-12.619v5.476h13.571v3.095h-17.143V2.238zM62.952%2012c0-5.523%204.478-10%2010-10H77a9.052%209.052%200%20018.663%206.429h-3.666a7.14%207.14%200%2000-6.188-3.572h-1.904a7.143%207.143%200%20100%2014.286h1.904a7.146%207.146%200%20006.816-5h-7.53v-2.62h10.953v1.43A9.048%209.048%200%200177%2022h-4.048c-5.522%200-10-4.477-10-10z%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%20130%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46.524%202c-5.523%200-10%204.477-10%2010s4.477%2010%2010%2010h4.047a9.048%209.048%200%20009.048-9.048v-1.428H48.667v2.619h7.53a7.146%207.146%200%2001-6.816%205h-1.905a7.143%207.143%200%20010-14.286h1.905a7.14%207.14%200%20016.187%203.572h3.666A9.052%209.052%200%200050.571%202h-4.047zM2%202.238h4.048l7.38%2015.927L20.81%202.238h4.048l-9.286%2019.524h-4.285L2%202.238zM28.667%202.238h3.571v19.524h-3.571V2.238zM90.333%202.238h3.572v16.429h12.381v3.095H90.333V2.238zM110.571%202.238h17.143v3.095h-13.571v5.238h12.619v2.62h-12.619v5.476h13.571v3.095h-17.143V2.238zM62.952%2012c0-5.523%204.478-10%2010-10H77a9.052%209.052%200%20018.663%206.429h-3.666a7.14%207.14%200%2000-6.188-3.572h-1.904a7.143%207.143%200%20100%2014.286h1.904a7.146%207.146%200%20006.816-5h-7.53v-2.62h10.953v1.43A9.048%209.048%200%200177%2022h-4.048c-5.522%200-10-4.477-10-10z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/viggle-text.svg?color=%231a73e8&size=48