viggle logo
viggle from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- viggle
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the viggle logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M.04 4.77l11.444 17.148a.307.307 0 00.51 0l.944-1.402.852 1.227.001.001c.035.051.08.109.134.156.057.048.15.106.273.106a.418.418 0 00.272-.106.804.804 0 00.135-.156v-.001l8.762-12.911V8.83c.914-1.312.798-2.838-.088-3.792-.658-.708-1.69-1.053-2.928-.81-.851-.679-2.074-1.091-3.501-1.03l-2.756.175a7.686 7.686 0 01-1.555-.045l-2.474-.325a.305.305 0 00-.316.433 4.825 4.825 0 003.797 2.727l3.91.46a.384.384 0 01.275.595l-4.822 7.218L7.188 6.1c-.546-.793-1.596-1.206-2.507-1.247l-1.135-.053a3.288 3.288 0 00-1.185-.294l-2.12-.094a.23.23 0 00-.202.359zm13.266 15.199l.89 1.281 8.665-12.768.001-.002c.768-1.102.634-2.305-.034-3.023-.415-.447-1.072-.742-1.922-.685.848 1.026 1.01 2.409.129 3.705l-7.729 11.492zM4.49 5.459l.163.007c.787.036 1.625.396 2.028.982l5.86 8.539-.739 1.106a.077.077 0 01-.127 0L4.713 5.739a2.225 2.225 0 00-.224-.28z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubViggle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M.04 4.77l11.444 17.148a.307.307 0 00.51 0l.944-1.402.852 1.227.001.001c.035.051.08.109.134.156.057.048.15.106.273.106a.418.418 0 00.272-.106.804.804 0 00.135-.156v-.001l8.762-12.911V8.83c.914-1.312.798-2.838-.088-3.792-.658-.708-1.69-1.053-2.928-.81-.851-.679-2.074-1.091-3.501-1.03l-2.756.175a7.686 7.686 0 01-1.555-.045l-2.474-.325a.305.305 0 00-.316.433 4.825 4.825 0 003.797 2.727l3.91.46a.384.384 0 01.275.595l-4.822 7.218L7.188 6.1c-.546-.793-1.596-1.206-2.507-1.247l-1.135-.053a3.288 3.288 0 00-1.185-.294l-2.12-.094a.23.23 0 00-.202.359zm13.266 15.199l.89 1.281 8.665-12.768.001-.002c.768-1.102.634-2.305-.034-3.023-.415-.447-1.072-.742-1.922-.685.848 1.026 1.01 2.409.129 3.705l-7.729 11.492zM4.49 5.459l.163.007c.787.036 1.625.396 2.028.982l5.86 8.539-.739 1.106a.077.077 0 01-.127 0L4.713 5.739a2.225 2.225 0 00-.224-.28z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M.04 4.77l11.444 17.148a.307.307 0 00.51 0l.944-1.402.852 1.227.001.001c.035.051.08.109.134.156.057.048.15.106.273.106a.418.418 0 00.272-.106.804.804 0 00.135-.156v-.001l8.762-12.911V8.83c.914-1.312.798-2.838-.088-3.792-.658-.708-1.69-1.053-2.928-.81-.851-.679-2.074-1.091-3.501-1.03l-2.756.175a7.686 7.686 0 01-1.555-.045l-2.474-.325a.305.305 0 00-.316.433 4.825 4.825 0 003.797 2.727l3.91.46a.384.384 0 01.275.595l-4.822 7.218L7.188 6.1c-.546-.793-1.596-1.206-2.507-1.247l-1.135-.053a3.288 3.288 0 00-1.185-.294l-2.12-.094a.23.23 0 00-.202.359zm13.266 15.199l.89 1.281 8.665-12.768.001-.002c.768-1.102.634-2.305-.034-3.023-.415-.447-1.072-.742-1.922-.685.848 1.026 1.01 2.409.129 3.705l-7.729 11.492zM4.49 5.459l.163.007c.787.036 1.625.396 2.028.982l5.86 8.539-.739 1.106a.077.077 0 01-.127 0L4.713 5.739a2.225 2.225 0 00-.224-.28z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-viggle {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.04%204.77l11.444%2017.148a.307.307%200%2000.51%200l.944-1.402.852%201.227.001.001c.035.051.08.109.134.156.057.048.15.106.273.106a.418.418%200%2000.272-.106.804.804%200%2000.135-.156v-.001l8.762-12.911V8.83c.914-1.312.798-2.838-.088-3.792-.658-.708-1.69-1.053-2.928-.81-.851-.679-2.074-1.091-3.501-1.03l-2.756.175a7.686%207.686%200%2001-1.555-.045l-2.474-.325a.305.305%200%2000-.316.433%204.825%204.825%200%20003.797%202.727l3.91.46a.384.384%200%2001.275.595l-4.822%207.218L7.188%206.1c-.546-.793-1.596-1.206-2.507-1.247l-1.135-.053a3.288%203.288%200%2000-1.185-.294l-2.12-.094a.23.23%200%2000-.202.359zm13.266%2015.199l.89%201.281%208.665-12.768.001-.002c.768-1.102.634-2.305-.034-3.023-.415-.447-1.072-.742-1.922-.685.848%201.026%201.01%202.409.129%203.705l-7.729%2011.492zM4.49%205.459l.163.007c.787.036%201.625.396%202.028.982l5.86%208.539-.739%201.106a.077.077%200%2001-.127%200L4.713%205.739a2.225%202.225%200%2000-.224-.28z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.04%204.77l11.444%2017.148a.307.307%200%2000.51%200l.944-1.402.852%201.227.001.001c.035.051.08.109.134.156.057.048.15.106.273.106a.418.418%200%2000.272-.106.804.804%200%2000.135-.156v-.001l8.762-12.911V8.83c.914-1.312.798-2.838-.088-3.792-.658-.708-1.69-1.053-2.928-.81-.851-.679-2.074-1.091-3.501-1.03l-2.756.175a7.686%207.686%200%2001-1.555-.045l-2.474-.325a.305.305%200%2000-.316.433%204.825%204.825%200%20003.797%202.727l3.91.46a.384.384%200%2001.275.595l-4.822%207.218L7.188%206.1c-.546-.793-1.596-1.206-2.507-1.247l-1.135-.053a3.288%203.288%200%2000-1.185-.294l-2.12-.094a.23.23%200%2000-.202.359zm13.266%2015.199l.89%201.281%208.665-12.768.001-.002c.768-1.102.634-2.305-.034-3.023-.415-.447-1.072-.742-1.922-.685.848%201.026%201.01%202.409.129%203.705l-7.729%2011.492zM4.49%205.459l.163.007c.787.036%201.625.396%202.028.982l5.86%208.539-.739%201.106a.077.077%200%2001-.127%200L4.713%205.739a2.225%202.225%200%2000-.224-.28z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/viggle.svg?color=%231a73e8&size=48
