ICONYZ
English
Data Store icon from BPMN

Data Store icon

bpmn:data-store

The Data Store icon (bpmn:data-store) is a free SVG icon from the BPMN set by Camunda Services GmbH. It is drawn on a 2000 × 2000 grid. BPMN icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
BPMN
Author
Camunda Services GmbH
License
OFL-1.1
Size
2000 × 2000
Tags
datastore
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="70" d="M355.105 530.563v938.874c42.996 208.638 1246.884 208.638 1289.88 0V530.563c-42.996-208.638-1246.884-208.638-1289.88 0c42.996 208.639 1246.884 208.639 1289.88 0M355.105 708.61c42.996 208.639 1246.884 208.639 1289.88 0M355.105 886.657c42.996 208.639 1246.884 208.639 1289.88 0"/></svg>

How to use the Data Store icon

React

import { Icon } from "@iconify/react";

<Icon icon="bpmn:data-store" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="bpmn:data-store" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="bpmn:data-store" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--data-store]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:data-store"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="bpmn:data-store"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/bpmn/data-store.svg" alt="Data Store icon" width="24" height="24">

Related icons in BPMN

data-input icon
data-input
 data-object icon
data-object
 data-output icon
data-output

Data Store icon FAQ

Is the Data Store icon free for commercial use?

Yes. BPMN icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Data Store icon in React?

Install @iconify/react and render <Icon icon="bpmn:data-store" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Data Store icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/bpmn/data-store.svg" alt="Data Store icon">, or paste the SVG code inline to style it with CSS.

Browse all BPMN icons →