josemi/icons

chess-queen

v0.7.0

Download

Download the icon as SVG image.

Download Icon

Customize icon

Set your custom size or color and download the icon as SVG or PNG image.

Width

Height

Color

Get SVG

Get PNG

Using as SVG

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L6 20L18 20L18 18C18 17 16 16 16 16L8 16C8 16 6 17 6 18ZM11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4C13 4.55228 12.5523 5 12 5C11.4477 5 11 4.55228 11 4ZM5 5C5 4.44772 5.44772 4 6 4C6.55228 4 7 4.44772 7 5C7 5.55228 6.55228 6 6 6C5.44772 6 5 5.55228 5 5ZM17 5C17 4.44772 17.4477 4 18 4C18.5523 4 19 4.44772 19 5C19 5.55228 18.5523 6 18 6C17.4477 6 17 5.55228 17 5ZM8 16L6 5L10 9L12 4L14 9L18 5L16 16" />
</svg>

Using with React

Install @josemi-icons/react and import the icon component in your React application:

import {ChessQueenIcon} from "@josemi-icons/react";

const MyComponent = () => {
    return (
        <ChessQueenIcon />
    );
};

Using with CSS

Install @josemi-icons/css and include the icon as a CSS class:

<i class="ji-chess-queen"></i>