internet icon

internet-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: internet-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

The same icon in other sets

Use the internet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.721 22.66c4.447-1.13 7.812-4.971 8.234-9.66h-4.981c-.186 3.547-1.356 6.847-3.253 9.66M22.955 11c-.422-4.69-3.79-8.532-8.238-9.662c1.898 2.814 3.07 6.114 3.257 9.662zM9.284 1.338C4.834 2.468 1.468 6.31 1.044 11h4.982c.187-3.548 1.359-6.848 3.258-9.662M1.045 13a11.01 11.01 0 0 0 8.234 9.66C7.382 19.847 6.212 16.547 6.026 13zM12 22.962C9.693 20.177 8.248 16.741 8.03 13h7.941c-.22 3.74-1.664 7.177-3.97 9.962M12 1.043c2.307 2.784 3.75 6.219 3.97 9.957H8.03C8.25 7.262 9.694 3.827 12 1.043"/></svg>

React

import type { SVGProps } from "react";

export function TdesignInternetFilled(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" d="M14.721 22.66c4.447-1.13 7.812-4.971 8.234-9.66h-4.981c-.186 3.547-1.356 6.847-3.253 9.66M22.955 11c-.422-4.69-3.79-8.532-8.238-9.662c1.898 2.814 3.07 6.114 3.257 9.662zM9.284 1.338C4.834 2.468 1.468 6.31 1.044 11h4.982c.187-3.548 1.359-6.848 3.258-9.662M1.045 13a11.01 11.01 0 0 0 8.234 9.66C7.382 19.847 6.212 16.547 6.026 13zM12 22.962C9.693 20.177 8.248 16.741 8.03 13h7.941c-.22 3.74-1.664 7.177-3.97 9.962M12 1.043c2.307 2.784 3.75 6.219 3.97 9.957H8.03C8.25 7.262 9.694 3.827 12 1.043"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.721 22.66c4.447-1.13 7.812-4.971 8.234-9.66h-4.981c-.186 3.547-1.356 6.847-3.253 9.66M22.955 11c-.422-4.69-3.79-8.532-8.238-9.662c1.898 2.814 3.07 6.114 3.257 9.662zM9.284 1.338C4.834 2.468 1.468 6.31 1.044 11h4.982c.187-3.548 1.359-6.848 3.258-9.662M1.045 13a11.01 11.01 0 0 0 8.234 9.66C7.382 19.847 6.212 16.547 6.026 13zM12 22.962C9.693 20.177 8.248 16.741 8.03 13h7.941c-.22 3.74-1.664 7.177-3.97 9.962M12 1.043c2.307 2.784 3.75 6.219 3.97 9.957H8.03C8.25 7.262 9.694 3.827 12 1.043"/></svg>
</template>

CSS

.icon-internet-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.721%2022.66c4.447-1.13%207.812-4.971%208.234-9.66h-4.981c-.186%203.547-1.356%206.847-3.253%209.66M22.955%2011c-.422-4.69-3.79-8.532-8.238-9.662c1.898%202.814%203.07%206.114%203.257%209.662zM9.284%201.338C4.834%202.468%201.468%206.31%201.044%2011h4.982c.187-3.548%201.359-6.848%203.258-9.662M1.045%2013a11.01%2011.01%200%200%200%208.234%209.66C7.382%2019.847%206.212%2016.547%206.026%2013zM12%2022.962C9.693%2020.177%208.248%2016.741%208.03%2013h7.941c-.22%203.74-1.664%207.177-3.97%209.962M12%201.043c2.307%202.784%203.75%206.219%203.97%209.957H8.03C8.25%207.262%209.694%203.827%2012%201.043%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%20d%3D%22M14.721%2022.66c4.447-1.13%207.812-4.971%208.234-9.66h-4.981c-.186%203.547-1.356%206.847-3.253%209.66M22.955%2011c-.422-4.69-3.79-8.532-8.238-9.662c1.898%202.814%203.07%206.114%203.257%209.662zM9.284%201.338C4.834%202.468%201.468%206.31%201.044%2011h4.982c.187-3.548%201.359-6.848%203.258-9.662M1.045%2013a11.01%2011.01%200%200%200%208.234%209.66C7.382%2019.847%206.212%2016.547%206.026%2013zM12%2022.962C9.693%2020.177%208.248%2016.741%208.03%2013h7.941c-.22%203.74-1.664%207.177-3.97%209.962M12%201.043c2.307%202.784%203.75%206.219%203.97%209.957H8.03C8.25%207.262%209.694%203.827%2012%201.043%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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