### Installing Blade Boxicons Package with Composer Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This command installs the Blade Boxicons package into your Laravel project using Composer. It adds the necessary dependencies to your composer.json file and downloads the package. ```bash composer require mallardduck/blade-boxicons ``` -------------------------------- ### Using Solid Boxicon as Blade Component Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This example demonstrates how to use a solid Boxicon (prefixed with bxs-) as a Blade component. Solid icons provide a filled variant of the regular icons. ```blade ``` -------------------------------- ### Applying Tailwind CSS Classes to Boxicon Component Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This example shows how to pass CSS classes to a Boxicon Blade component. The provided classes (e.g., w-6, h-6, text-gray-500) will be applied directly to the rendered SVG element, allowing for easy styling with frameworks like Tailwind CSS. ```blade ``` -------------------------------- ### Publishing Raw Boxicons SVG Assets Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This Artisan command publishes the raw SVG icon assets from the Blade Boxicons package to your application's public/vendor directory. The --force flag overwrites existing files if they are already published. ```bash php artisan vendor:publish --tag=blade-boxicons --force ``` -------------------------------- ### Referencing Published Raw Boxicons SVG in Blade Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md After publishing the raw SVG assets, this Blade snippet demonstrates how to reference and display a specific SVG icon using the asset() helper. This allows direct embedding of the SVG as an tag, providing more control over its attributes. ```blade

``` -------------------------------- ### Using Regular Boxicon as Blade Component Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This snippet demonstrates the basic usage of a regular Boxicon (prefixed with bx-) as a self-closing Blade component. The component will be compiled into an SVG icon in the rendered HTML. ```blade ``` -------------------------------- ### Using Logo Boxicon as Blade Component Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This snippet shows how to use a logo Boxicon (prefixed with bxl-) as a Blade component. Logo icons are specifically designed for brand and social media logos. ```blade ``` -------------------------------- ### Applying Inline Styles to Boxicon Component Source: https://github.com/mallardduck/blade-boxicons/blob/main/README.md This snippet illustrates how to apply inline CSS styles directly to a Boxicon Blade component. The style attribute's value will be rendered as an inline style on the resulting SVG element, providing granular styling control. ```blade ``` -------------------------------- ### Displaying a Boxicons SVG Icon Source: https://github.com/mallardduck/blade-boxicons/blob/main/tests/__snapshots__/CompilesIconsTest__it_can_add_styles_to_icons__1.txt This snippet defines a complete SVG icon, including its viewbox, fill color, and two path elements that form the icon's shape. It's designed to be embedded directly into an HTML document to render a scalable vector graphic. ```SVG ``` -------------------------------- ### Defining a Boxicons SVG Icon Source: https://github.com/mallardduck/blade-boxicons/blob/main/tests/__snapshots__/CompilesIconsTest__it_compiles_a_single_anonymous_component__1.txt This SVG snippet defines a vector graphic icon, specifying its dimensions, fill color, and the geometric paths that form its shape. It includes two path elements: one for the main container shape and another for an inner checkmark or similar symbol. ```SVG ``` -------------------------------- ### Defining a Shield Icon with Checkmark in SVG Source: https://github.com/mallardduck/blade-boxicons/blob/main/tests/__snapshots__/CompilesIconsTest__it_can_add_classes_to_icons__1.txt This snippet defines a scalable vector graphic (SVG) for a shield icon, including its outer shape and an inner checkmark. It's styled with Tailwind CSS classes for width, height, and text color, and uses standard SVG attributes for rendering. This icon is part of the Boxicons set, integrated into a Blade template context. ```XML ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.