### Building Project Locally - Solid Icons - bash

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Provides the necessary shell commands to clone the solid-icons GitHub repository, change into the project directory, install project dependencies using Yarn, and run the default build script to compile the library locally.

```bash
$ git clone https://github.com/x64Bits/solid-icons
$ cd solid-icons
$ yarn
$ yarn build
```

--------------------------------

### Starting Development Build - Solid Icons - bash

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Executes the development build command, typically starting a process that watches for file changes and automatically recompiles the library. This command is used for active development and testing within the project.

```bash
$ yarn dev
```

--------------------------------

### Installing Solid Icons - Yarn - bash

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Installs the solid-icons package using the Yarn package manager. This command adds the library as a dependency to the current project, allowing you to import and use the icon components in your SolidJS application.

```bash
yarn add solid-icons
```

--------------------------------

### Installing Solid Icons - NPM - bash

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Installs the solid-icons package using the NPM package manager. The --save flag (which is default in modern NPM versions) ensures the package is recorded in your project's package.json dependencies.

```bash
npm install solid-icons --save
```

--------------------------------

### Building Web Files - Solid Icons - bash

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Runs the development build specifically targeting output files configured for web environments. This command is used when developing or testing the library's web-specific assets or build configurations.

```bash
$ yarn dev --web
```

--------------------------------

### Using Standard Icon Component - Solid Icons - jsx

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Demonstrates how to import a specific icon component from an icon pack (e.g., TbBrandSolidjs from the Tabler Icons pack) and use it within your SolidJS JSX. It shows how to pass common props like size, color, class, and title to customize the icon's appearance and add accessibility attributes.

```jsx
import { TbBrandSolidjs } from "solid-icons/tb";

<TbBrandSolidjs size={24} color="#2c4f7c" class="custom-icon" title="a11y" />;
```

--------------------------------

### Isolating Development Build - Solid Icons - bash

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Runs the development build but restricts the compilation process to a single specified icon library pack. This is useful for optimizing build times when working on or testing changes in only one icon set.

```bash
$ yarn dev --isolate="ai"
```

--------------------------------

### Using Custom Icon Component - Solid Icons - jsx

Source: https://github.com/x64bits/solid-icons/blob/main/README.md

Shows how to import and utilize the CustomIcon component to render a custom SVG icon using your own SVG path data. It requires defining an iconContent object with 'a' for SVG attributes (like viewBox) and 'c' for the SVG path string, which is then passed to the src prop.

```jsx
import { CustomIcon } from "solid-icons/lib";

const iconContent = {
  a: { fill: "currentColor", viewBox: "0 0 384 512" },
  c: '<path d="M384 319.1C384 425.9 297.9 512 192 512S0 425.87 0 320c0-58.67 27.82-106.8 54.57-134.1C69.54 169.3 96 179.8 96 201.5V287c0 35.17 27.97 64.5 63.16 64.94C194.9 352.5 224 323.6 224 288c0-88-175.1-96.12-52.15-277.2C185.35-8.92 216 .03 216 23.83 215.1 127 384 149.7 384 319.1z"/>',
}

<CustomIcon src={iconContent} size={24} color="#2c4f7c" />;
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.