data icon

data from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.

Name: data
Set: BoxIcons v2 Solid
Style: Solid
Viewbox: 24×24
License: MIT

The same icon in other sets

dataAkar Icons dataBoxIcons v2 datacss.gg dataIconPark dataIconPark Outline dataIconPark Solid dataIconPark TwoTone dataMajesticons dataMaterial Design Icons dataTDesign Icons dataWeb3 Icons dataWeb3 Icons Branded

Use the data icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 6c0-2.168-3.663-4-8-4S4 3.832 4 6v2c0 2.168 3.663 4 8 4s8-1.832 8-4zm-8 13c-4.337 0-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3c0 2.168-3.663 4-8 4"/><path fill="currentColor" d="M20 10c0 2.168-3.663 4-8 4s-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4z"/></svg>

React

import type { SVGProps } from "react";

export function BxsData(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="M20 6c0-2.168-3.663-4-8-4S4 3.832 4 6v2c0 2.168 3.663 4 8 4s8-1.832 8-4zm-8 13c-4.337 0-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3c0 2.168-3.663 4-8 4"/><path fill="currentColor" d="M20 10c0 2.168-3.663 4-8 4s-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 6c0-2.168-3.663-4-8-4S4 3.832 4 6v2c0 2.168 3.663 4 8 4s8-1.832 8-4zm-8 13c-4.337 0-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3c0 2.168-3.663 4-8 4"/><path fill="currentColor" d="M20 10c0 2.168-3.663 4-8 4s-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4z"/></svg>
</template>

CSS

.icon-data {
  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%22M20%206c0-2.168-3.663-4-8-4S4%203.832%204%206v2c0%202.168%203.663%204%208%204s8-1.832%208-4zm-8%2013c-4.337%200-8-1.832-8-4v3c0%202.168%203.663%204%208%204s8-1.832%208-4v-3c0%202.168-3.663%204-8%204%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2010c0%202.168-3.663%204-8%204s-8-1.832-8-4v3c0%202.168%203.663%204%208%204s8-1.832%208-4z%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%22M20%206c0-2.168-3.663-4-8-4S4%203.832%204%206v2c0%202.168%203.663%204%208%204s8-1.832%208-4zm-8%2013c-4.337%200-8-1.832-8-4v3c0%202.168%203.663%204%208%204s8-1.832%208-4v-3c0%202.168-3.663%204-8%204%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2010c0%202.168-3.663%204-8%204s-8-1.832-8-4v3c0%202.168%203.663%204%208%204s8-1.832%208-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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