chess knight icon
chess-knight from Line Awesome by Icons8 · Line · Games · Apache-2.0 Free for personal and commercial use.
- Name
- chess-knight
- Set
- Line Awesome
- Style
- Line
- Category
- Games
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- chess-knight-solid
The same icon in other sets
More games icons from Line Awesome
Use the chess knight icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-1.77 0-2.941.984-3.406 2c-.352.77-.309 1.305-.313 1.75a15.6 15.6 0 0 0-2.156 1.781C8.727 9.93 7.961 11.921 8 14.031q.03 1.458.594 2.938c.187.496.531 1.355.844 2.312S10 21.293 10 22H8.906a1 1 0 0 0 .063 2l-1.781 2.406l-.188.25V29h18v-2.344l-.188-.25L23 24c.36.004.695-.184.879-.496a1.01 1.01 0 0 0 0-1.008c-.184-.312-.52-.5-.879-.496h-1c0-2.262-1.406-4.336-2.719-5.938c-.75-.917-.996-1.078-1.5-1.562c.18-.105.403-.23.532-.313c.16-.101.246-.164.28-.187c.282 0 .302.047.595.281c.292.235.89.719 1.718.719c.727 0 1.258-.469 1.532-.813c.25-.316.386-.554.406-.593c.09-.043.285-.106.531-.281s.566-.567.625-1s-.078-.813-.25-1.188c-.254-.555-.727-1.191-1.469-1.969c-.742-.777-1.715-1.601-2.906-2.094c-.09-.039-.016.02-.063-.03c-.046-.052-.187-.262-.468-.47c-.367-.269-1.164-.3-1.844-.375V3zm-1 2.219V8h1c1.363 0 1.664.164 1.656.156c-.004-.004.004.016.157.188a2.4 2.4 0 0 0 .812.594c.8.332 1.602.98 2.219 1.624c.578.602.965 1.2 1.031 1.313c-.16.078-.328.133-.531.375c-.274.332-.371.563-.469.688c-.031.039-.027.05-.031.062c-.086-.012-.145-.066-.407-.281c-.328-.266-.98-.719-1.843-.719c-.657 0-1.028.3-1.344.5s-.57.344-.656.375l-.032.031h-.03c-.184.078-.5.094-.5.094L15 12.969v1.594l.344.28s1.187 1.048 2.375 2.5C18.906 18.798 20 20.669 20 22h-8c0-1.121-.313-2.297-.656-3.344s-.75-1.96-.906-2.375A7 7 0 0 1 10 13.97c-.031-1.606.543-3.043 1.531-4.031c.653-.653 1.625-1.47 2.156-1.782l.5-.281v-.563c0-.37 0-.992.22-1.468A1.23 1.23 0 0 1 15 5.219M11.5 24h9l2.25 3H9.25z"/></svg>
React
import type { SVGProps } from "react";
export function LaChessKnight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-1.77 0-2.941.984-3.406 2c-.352.77-.309 1.305-.313 1.75a15.6 15.6 0 0 0-2.156 1.781C8.727 9.93 7.961 11.921 8 14.031q.03 1.458.594 2.938c.187.496.531 1.355.844 2.312S10 21.293 10 22H8.906a1 1 0 0 0 .063 2l-1.781 2.406l-.188.25V29h18v-2.344l-.188-.25L23 24c.36.004.695-.184.879-.496a1.01 1.01 0 0 0 0-1.008c-.184-.312-.52-.5-.879-.496h-1c0-2.262-1.406-4.336-2.719-5.938c-.75-.917-.996-1.078-1.5-1.562c.18-.105.403-.23.532-.313c.16-.101.246-.164.28-.187c.282 0 .302.047.595.281c.292.235.89.719 1.718.719c.727 0 1.258-.469 1.532-.813c.25-.316.386-.554.406-.593c.09-.043.285-.106.531-.281s.566-.567.625-1s-.078-.813-.25-1.188c-.254-.555-.727-1.191-1.469-1.969c-.742-.777-1.715-1.601-2.906-2.094c-.09-.039-.016.02-.063-.03c-.046-.052-.187-.262-.468-.47c-.367-.269-1.164-.3-1.844-.375V3zm-1 2.219V8h1c1.363 0 1.664.164 1.656.156c-.004-.004.004.016.157.188a2.4 2.4 0 0 0 .812.594c.8.332 1.602.98 2.219 1.624c.578.602.965 1.2 1.031 1.313c-.16.078-.328.133-.531.375c-.274.332-.371.563-.469.688c-.031.039-.027.05-.031.062c-.086-.012-.145-.066-.407-.281c-.328-.266-.98-.719-1.843-.719c-.657 0-1.028.3-1.344.5s-.57.344-.656.375l-.032.031h-.03c-.184.078-.5.094-.5.094L15 12.969v1.594l.344.28s1.187 1.048 2.375 2.5C18.906 18.798 20 20.669 20 22h-8c0-1.121-.313-2.297-.656-3.344s-.75-1.96-.906-2.375A7 7 0 0 1 10 13.97c-.031-1.606.543-3.043 1.531-4.031c.653-.653 1.625-1.47 2.156-1.782l.5-.281v-.563c0-.37 0-.992.22-1.468A1.23 1.23 0 0 1 15 5.219M11.5 24h9l2.25 3H9.25z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-1.77 0-2.941.984-3.406 2c-.352.77-.309 1.305-.313 1.75a15.6 15.6 0 0 0-2.156 1.781C8.727 9.93 7.961 11.921 8 14.031q.03 1.458.594 2.938c.187.496.531 1.355.844 2.312S10 21.293 10 22H8.906a1 1 0 0 0 .063 2l-1.781 2.406l-.188.25V29h18v-2.344l-.188-.25L23 24c.36.004.695-.184.879-.496a1.01 1.01 0 0 0 0-1.008c-.184-.312-.52-.5-.879-.496h-1c0-2.262-1.406-4.336-2.719-5.938c-.75-.917-.996-1.078-1.5-1.562c.18-.105.403-.23.532-.313c.16-.101.246-.164.28-.187c.282 0 .302.047.595.281c.292.235.89.719 1.718.719c.727 0 1.258-.469 1.532-.813c.25-.316.386-.554.406-.593c.09-.043.285-.106.531-.281s.566-.567.625-1s-.078-.813-.25-1.188c-.254-.555-.727-1.191-1.469-1.969c-.742-.777-1.715-1.601-2.906-2.094c-.09-.039-.016.02-.063-.03c-.046-.052-.187-.262-.468-.47c-.367-.269-1.164-.3-1.844-.375V3zm-1 2.219V8h1c1.363 0 1.664.164 1.656.156c-.004-.004.004.016.157.188a2.4 2.4 0 0 0 .812.594c.8.332 1.602.98 2.219 1.624c.578.602.965 1.2 1.031 1.313c-.16.078-.328.133-.531.375c-.274.332-.371.563-.469.688c-.031.039-.027.05-.031.062c-.086-.012-.145-.066-.407-.281c-.328-.266-.98-.719-1.843-.719c-.657 0-1.028.3-1.344.5s-.57.344-.656.375l-.032.031h-.03c-.184.078-.5.094-.5.094L15 12.969v1.594l.344.28s1.187 1.048 2.375 2.5C18.906 18.798 20 20.669 20 22h-8c0-1.121-.313-2.297-.656-3.344s-.75-1.96-.906-2.375A7 7 0 0 1 10 13.97c-.031-1.606.543-3.043 1.531-4.031c.653-.653 1.625-1.47 2.156-1.782l.5-.281v-.563c0-.37 0-.992.22-1.468A1.23 1.23 0 0 1 15 5.219M11.5 24h9l2.25 3H9.25z"/></svg> </template>
CSS
.icon-chess-knight {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203c-1.77%200-2.941.984-3.406%202c-.352.77-.309%201.305-.313%201.75a15.6%2015.6%200%200%200-2.156%201.781C8.727%209.93%207.961%2011.921%208%2014.031q.03%201.458.594%202.938c.187.496.531%201.355.844%202.312S10%2021.293%2010%2022H8.906a1%201%200%200%200%20.063%202l-1.781%202.406l-.188.25V29h18v-2.344l-.188-.25L23%2024c.36.004.695-.184.879-.496a1.01%201.01%200%200%200%200-1.008c-.184-.312-.52-.5-.879-.496h-1c0-2.262-1.406-4.336-2.719-5.938c-.75-.917-.996-1.078-1.5-1.562c.18-.105.403-.23.532-.313c.16-.101.246-.164.28-.187c.282%200%20.302.047.595.281c.292.235.89.719%201.718.719c.727%200%201.258-.469%201.532-.813c.25-.316.386-.554.406-.593c.09-.043.285-.106.531-.281s.566-.567.625-1s-.078-.813-.25-1.188c-.254-.555-.727-1.191-1.469-1.969c-.742-.777-1.715-1.601-2.906-2.094c-.09-.039-.016.02-.063-.03c-.046-.052-.187-.262-.468-.47c-.367-.269-1.164-.3-1.844-.375V3zm-1%202.219V8h1c1.363%200%201.664.164%201.656.156c-.004-.004.004.016.157.188a2.4%202.4%200%200%200%20.812.594c.8.332%201.602.98%202.219%201.624c.578.602.965%201.2%201.031%201.313c-.16.078-.328.133-.531.375c-.274.332-.371.563-.469.688c-.031.039-.027.05-.031.062c-.086-.012-.145-.066-.407-.281c-.328-.266-.98-.719-1.843-.719c-.657%200-1.028.3-1.344.5s-.57.344-.656.375l-.032.031h-.03c-.184.078-.5.094-.5.094L15%2012.969v1.594l.344.28s1.187%201.048%202.375%202.5C18.906%2018.798%2020%2020.669%2020%2022h-8c0-1.121-.313-2.297-.656-3.344s-.75-1.96-.906-2.375A7%207%200%200%201%2010%2013.97c-.031-1.606.543-3.043%201.531-4.031c.653-.653%201.625-1.47%202.156-1.782l.5-.281v-.563c0-.37%200-.992.22-1.468A1.23%201.23%200%200%201%2015%205.219M11.5%2024h9l2.25%203H9.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203c-1.77%200-2.941.984-3.406%202c-.352.77-.309%201.305-.313%201.75a15.6%2015.6%200%200%200-2.156%201.781C8.727%209.93%207.961%2011.921%208%2014.031q.03%201.458.594%202.938c.187.496.531%201.355.844%202.312S10%2021.293%2010%2022H8.906a1%201%200%200%200%20.063%202l-1.781%202.406l-.188.25V29h18v-2.344l-.188-.25L23%2024c.36.004.695-.184.879-.496a1.01%201.01%200%200%200%200-1.008c-.184-.312-.52-.5-.879-.496h-1c0-2.262-1.406-4.336-2.719-5.938c-.75-.917-.996-1.078-1.5-1.562c.18-.105.403-.23.532-.313c.16-.101.246-.164.28-.187c.282%200%20.302.047.595.281c.292.235.89.719%201.718.719c.727%200%201.258-.469%201.532-.813c.25-.316.386-.554.406-.593c.09-.043.285-.106.531-.281s.566-.567.625-1s-.078-.813-.25-1.188c-.254-.555-.727-1.191-1.469-1.969c-.742-.777-1.715-1.601-2.906-2.094c-.09-.039-.016.02-.063-.03c-.046-.052-.187-.262-.468-.47c-.367-.269-1.164-.3-1.844-.375V3zm-1%202.219V8h1c1.363%200%201.664.164%201.656.156c-.004-.004.004.016.157.188a2.4%202.4%200%200%200%20.812.594c.8.332%201.602.98%202.219%201.624c.578.602.965%201.2%201.031%201.313c-.16.078-.328.133-.531.375c-.274.332-.371.563-.469.688c-.031.039-.027.05-.031.062c-.086-.012-.145-.066-.407-.281c-.328-.266-.98-.719-1.843-.719c-.657%200-1.028.3-1.344.5s-.57.344-.656.375l-.032.031h-.03c-.184.078-.5.094-.5.094L15%2012.969v1.594l.344.28s1.187%201.048%202.375%202.5C18.906%2018.798%2020%2020.669%2020%2022h-8c0-1.121-.313-2.297-.656-3.344s-.75-1.96-.906-2.375A7%207%200%200%201%2010%2013.97c-.031-1.606.543-3.043%201.531-4.031c.653-.653%201.625-1.47%202.156-1.782l.5-.281v-.563c0-.37%200-.992.22-1.468A1.23%201.23%200%200%201%2015%205.219M11.5%2024h9l2.25%203H9.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/chess-knight.svg?color=%231a73e8&size=48
