digg icon

digg from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: digg
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

diggBoxicons Brands diggCoreUI Brands diggFont Awesome 6 Brands diggFont Awesome Brands diggJam Icons diggLine Awesome diggSimple Icons

Use the digg icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 19h2c.943 0 1.414 0 1.707-.293S22 17.943 22 17v-1m0 0v-5c0-.943 0-1.414-.293-1.707S20.943 9 20 9s-1.414 0-1.707.293S18 10.057 18 11v3c0 .943 0 1.414.293 1.707S19.057 16 20 16zm-10.5 3h2c.943 0 1.414 0 1.707-.293s.293-.764.293-1.707v-1m0 0v-5c0-.943 0-1.414-.293-1.707S14.443 9 13.5 9s-1.414 0-1.707.293s-.293.764-.293 1.707v3c0 .943 0 1.414.293 1.707S12.557 16 13.5 16zM6 9v5c0 .943 0 1.414-.293 1.707S4.943 16 4 16s-1.414 0-1.707-.293S2 14.943 2 14v-3c0-.943 0-1.414.293-1.707S3.057 9 4 9zm0 0V5m3 0v1m0 3v7"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsDigg(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M18 19h2c.943 0 1.414 0 1.707-.293S22 17.943 22 17v-1m0 0v-5c0-.943 0-1.414-.293-1.707S20.943 9 20 9s-1.414 0-1.707.293S18 10.057 18 11v3c0 .943 0 1.414.293 1.707S19.057 16 20 16zm-10.5 3h2c.943 0 1.414 0 1.707-.293s.293-.764.293-1.707v-1m0 0v-5c0-.943 0-1.414-.293-1.707S14.443 9 13.5 9s-1.414 0-1.707.293s-.293.764-.293 1.707v3c0 .943 0 1.414.293 1.707S12.557 16 13.5 16zM6 9v5c0 .943 0 1.414-.293 1.707S4.943 16 4 16s-1.414 0-1.707-.293S2 14.943 2 14v-3c0-.943 0-1.414.293-1.707S3.057 9 4 9zm0 0V5m3 0v1m0 3v7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 19h2c.943 0 1.414 0 1.707-.293S22 17.943 22 17v-1m0 0v-5c0-.943 0-1.414-.293-1.707S20.943 9 20 9s-1.414 0-1.707.293S18 10.057 18 11v3c0 .943 0 1.414.293 1.707S19.057 16 20 16zm-10.5 3h2c.943 0 1.414 0 1.707-.293s.293-.764.293-1.707v-1m0 0v-5c0-.943 0-1.414-.293-1.707S14.443 9 13.5 9s-1.414 0-1.707.293s-.293.764-.293 1.707v3c0 .943 0 1.414.293 1.707S12.557 16 13.5 16zM6 9v5c0 .943 0 1.414-.293 1.707S4.943 16 4 16s-1.414 0-1.707-.293S2 14.943 2 14v-3c0-.943 0-1.414.293-1.707S3.057 9 4 9zm0 0V5m3 0v1m0 3v7"/></svg>
</template>

CSS

.icon-digg {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%2019h2c.943%200%201.414%200%201.707-.293S22%2017.943%2022%2017v-1m0%200v-5c0-.943%200-1.414-.293-1.707S20.943%209%2020%209s-1.414%200-1.707.293S18%2010.057%2018%2011v3c0%20.943%200%201.414.293%201.707S19.057%2016%2020%2016zm-10.5%203h2c.943%200%201.414%200%201.707-.293s.293-.764.293-1.707v-1m0%200v-5c0-.943%200-1.414-.293-1.707S14.443%209%2013.5%209s-1.414%200-1.707.293s-.293.764-.293%201.707v3c0%20.943%200%201.414.293%201.707S12.557%2016%2013.5%2016zM6%209v5c0%20.943%200%201.414-.293%201.707S4.943%2016%204%2016s-1.414%200-1.707-.293S2%2014.943%202%2014v-3c0-.943%200-1.414.293-1.707S3.057%209%204%209zm0%200V5m3%200v1m0%203v7%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18%2019h2c.943%200%201.414%200%201.707-.293S22%2017.943%2022%2017v-1m0%200v-5c0-.943%200-1.414-.293-1.707S20.943%209%2020%209s-1.414%200-1.707.293S18%2010.057%2018%2011v3c0%20.943%200%201.414.293%201.707S19.057%2016%2020%2016zm-10.5%203h2c.943%200%201.414%200%201.707-.293s.293-.764.293-1.707v-1m0%200v-5c0-.943%200-1.414-.293-1.707S14.443%209%2013.5%209s-1.414%200-1.707.293s-.293.764-.293%201.707v3c0%20.943%200%201.414.293%201.707S12.557%2016%2013.5%2016zM6%209v5c0%20.943%200%201.414-.293%201.707S4.943%2016%204%2016s-1.414%200-1.707-.293S2%2014.943%202%2014v-3c0-.943%200-1.414.293-1.707S3.057%209%204%209zm0%200V5m3%200v1m0%203v7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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