Introduction

Deploying Icons is a clean, consistent, and neutral icon library crafted specifically for modern user interfaces. Built on a 24x24 grid with a 2px stroke, it ensures visual harmony across your entire application.

Installation

You can install Deploying Icons via your favorite package manager:

npm install deploying-icons

Or use Yarn:

yarn add deploying-icons

Usage

Once installed, you can import icons directly into your React, Vue, or Svelte components. The library is tree-shakable, so you only bundle what you use.

React Example

import { Camera } from 'deploying-icons-react';

const App = () => {
  return (
    <Camera color="red" size={24} />
  );
};

HTML / CDN

If you aren't using a framework, you can simply copy the SVG code directly from our icon browser or use a CDN.

<!-- Load Script -->
<script src="https://unpkg.com/deploying-icons"></script>

<!-- Use Icon -->
<i data-deploying="camera"></i>

<script>
  deploying.createIcons();
</script>

Customization

Icons are built with currentColor by default, meaning they will inherit the text color of their parent container. You can also override properties directly.

• Color: Use the color prop or CSS color property.
• Size: Use the size prop (defaults to 24px) or CSS width/height.
• Stroke: Use the strokeWidth prop (defaults to 2).