twitch icon

twitch-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name
twitch-filled
Set
Ant Design Icons
Style
Filled
Viewbox
1024×1024
License
MIT

1 other variant in Ant Design Icons

twitch-outlined

The same icon in other sets

twitch-fillAkar IconstwitchBootstrap IconstwitchBoxicons BrandstwitchCoreUI BrandstwitchFont Awesome 6 BrandstwitchFont Awesome BrandstwitchFeather IconstwitchHuge IconstwitchJam IconstwitchLine AwesometwitchSVG LogostwitchLucidetwitchMaterial Design Iconstwitch-fillMingCute IcontwitchMyna UI IconstwitchPrime Iconstwitch-fillRemix IcontwitchSimple Iconstwitch-outlineTeenyicons

Use the twitch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M185.143 112L128 254.857v542.857h171.429V912h114.285L528 797.714h142.857l200-200V112zm314.286 428.571h-85.715V310.214h85.715zm200 0h-85.715V310.214h85.715z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignTwitchFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillRule="evenodd" d="M185.143 112L128 254.857v542.857h171.429V912h114.285L528 797.714h142.857l200-200V112zm314.286 428.571h-85.715V310.214h85.715zm200 0h-85.715V310.214h85.715z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M185.143 112L128 254.857v542.857h171.429V912h114.285L528 797.714h142.857l200-200V112zm314.286 428.571h-85.715V310.214h85.715zm200 0h-85.715V310.214h85.715z"/></svg>
</template>

CSS

.icon-twitch-filled {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M185.143%20112L128%20254.857v542.857h171.429V912h114.285L528%20797.714h142.857l200-200V112zm314.286%20428.571h-85.715V310.214h85.715zm200%200h-85.715V310.214h85.715z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M185.143%20112L128%20254.857v542.857h171.429V912h114.285L528%20797.714h142.857l200-200V112zm314.286%20428.571h-85.715V310.214h85.715zm200%200h-85.715V310.214h85.715z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/twitch-filled.svg?color=%231a73e8&size=48