horse icon
horse from Font Awesome 6 Solid by Dave Gandy · Regular · Animals · CC-BY-4.0 Attribution required.
- Name
- horse
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Animals
- Viewbox
- 576×512
- License
- CC BY 4.0
The same icon in other sets
More animals icons from Font Awesome 6 Solid
Use the horse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M448 238.1V160h16l9.8 19.6c12.5 25.1 42.2 36.4 68.3 26c20.5-8.2 33.9-28 33.9-50.1V80c0-19.1-8.4-36.3-21.7-48h5.7c8.8 0 16-7.2 16-16s-7.2-16-16-16H448c-70.7 0-128 57.3-128 128H148.8c-30.7 0-57.6 16.3-72.5 40.8C33.2 174.5 0 211.4 0 256v56c0 13.3 10.7 24 24 24s24-10.7 24-24v-56c0-13.4 6.6-25.2 16.7-32.5c1.6 13 6.3 25.4 13.6 36.4l28.2 42.4c8.3 12.4 6.4 28.7-1.2 41.6c-16.5 28-20.6 62.2-10 93.9l17.5 52.4c4.4 13.1 16.6 21.9 30.4 21.9h33.7c21.8 0 37.3-21.4 30.4-42.1l-20.8-62.5c-2.1-6.4-.5-13.4 4.3-18.2l12.7-12.7c13.2-13.2 20.6-31.1 20.6-49.7q0-3.45-.3-6.9l84 24c4.1 1.2 8.2 2.1 12.3 2.8L320 480c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V315.7c19.2-19.2 31.5-45.7 32-75.7zM496 64a16 16 0 1 1 0 32a16 16 0 1 1 0-32"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidHorse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M448 238.1V160h16l9.8 19.6c12.5 25.1 42.2 36.4 68.3 26c20.5-8.2 33.9-28 33.9-50.1V80c0-19.1-8.4-36.3-21.7-48h5.7c8.8 0 16-7.2 16-16s-7.2-16-16-16H448c-70.7 0-128 57.3-128 128H148.8c-30.7 0-57.6 16.3-72.5 40.8C33.2 174.5 0 211.4 0 256v56c0 13.3 10.7 24 24 24s24-10.7 24-24v-56c0-13.4 6.6-25.2 16.7-32.5c1.6 13 6.3 25.4 13.6 36.4l28.2 42.4c8.3 12.4 6.4 28.7-1.2 41.6c-16.5 28-20.6 62.2-10 93.9l17.5 52.4c4.4 13.1 16.6 21.9 30.4 21.9h33.7c21.8 0 37.3-21.4 30.4-42.1l-20.8-62.5c-2.1-6.4-.5-13.4 4.3-18.2l12.7-12.7c13.2-13.2 20.6-31.1 20.6-49.7q0-3.45-.3-6.9l84 24c4.1 1.2 8.2 2.1 12.3 2.8L320 480c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V315.7c19.2-19.2 31.5-45.7 32-75.7zM496 64a16 16 0 1 1 0 32a16 16 0 1 1 0-32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M448 238.1V160h16l9.8 19.6c12.5 25.1 42.2 36.4 68.3 26c20.5-8.2 33.9-28 33.9-50.1V80c0-19.1-8.4-36.3-21.7-48h5.7c8.8 0 16-7.2 16-16s-7.2-16-16-16H448c-70.7 0-128 57.3-128 128H148.8c-30.7 0-57.6 16.3-72.5 40.8C33.2 174.5 0 211.4 0 256v56c0 13.3 10.7 24 24 24s24-10.7 24-24v-56c0-13.4 6.6-25.2 16.7-32.5c1.6 13 6.3 25.4 13.6 36.4l28.2 42.4c8.3 12.4 6.4 28.7-1.2 41.6c-16.5 28-20.6 62.2-10 93.9l17.5 52.4c4.4 13.1 16.6 21.9 30.4 21.9h33.7c21.8 0 37.3-21.4 30.4-42.1l-20.8-62.5c-2.1-6.4-.5-13.4 4.3-18.2l12.7-12.7c13.2-13.2 20.6-31.1 20.6-49.7q0-3.45-.3-6.9l84 24c4.1 1.2 8.2 2.1 12.3 2.8L320 480c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V315.7c19.2-19.2 31.5-45.7 32-75.7zM496 64a16 16 0 1 1 0 32a16 16 0 1 1 0-32"/></svg> </template>
CSS
.icon-horse {
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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%20238.1V160h16l9.8%2019.6c12.5%2025.1%2042.2%2036.4%2068.3%2026c20.5-8.2%2033.9-28%2033.9-50.1V80c0-19.1-8.4-36.3-21.7-48h5.7c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H448c-70.7%200-128%2057.3-128%20128H148.8c-30.7%200-57.6%2016.3-72.5%2040.8C33.2%20174.5%200%20211.4%200%20256v56c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-56c0-13.4%206.6-25.2%2016.7-32.5c1.6%2013%206.3%2025.4%2013.6%2036.4l28.2%2042.4c8.3%2012.4%206.4%2028.7-1.2%2041.6c-16.5%2028-20.6%2062.2-10%2093.9l17.5%2052.4c4.4%2013.1%2016.6%2021.9%2030.4%2021.9h33.7c21.8%200%2037.3-21.4%2030.4-42.1l-20.8-62.5c-2.1-6.4-.5-13.4%204.3-18.2l12.7-12.7c13.2-13.2%2020.6-31.1%2020.6-49.7q0-3.45-.3-6.9l84%2024c4.1%201.2%208.2%202.1%2012.3%202.8L320%20480c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V315.7c19.2-19.2%2031.5-45.7%2032-75.7zM496%2064a16%2016%200%201%201%200%2032a16%2016%200%201%201%200-32%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%20238.1V160h16l9.8%2019.6c12.5%2025.1%2042.2%2036.4%2068.3%2026c20.5-8.2%2033.9-28%2033.9-50.1V80c0-19.1-8.4-36.3-21.7-48h5.7c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H448c-70.7%200-128%2057.3-128%20128H148.8c-30.7%200-57.6%2016.3-72.5%2040.8C33.2%20174.5%200%20211.4%200%20256v56c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-56c0-13.4%206.6-25.2%2016.7-32.5c1.6%2013%206.3%2025.4%2013.6%2036.4l28.2%2042.4c8.3%2012.4%206.4%2028.7-1.2%2041.6c-16.5%2028-20.6%2062.2-10%2093.9l17.5%2052.4c4.4%2013.1%2016.6%2021.9%2030.4%2021.9h33.7c21.8%200%2037.3-21.4%2030.4-42.1l-20.8-62.5c-2.1-6.4-.5-13.4%204.3-18.2l12.7-12.7c13.2-13.2%2020.6-31.1%2020.6-49.7q0-3.45-.3-6.9l84%2024c4.1%201.2%208.2%202.1%2012.3%202.8L320%20480c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V315.7c19.2-19.2%2031.5-45.7%2032-75.7zM496%2064a16%2016%200%201%201%200%2032a16%2016%200%201%201%200-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/horse.svg?color=%231a73e8&size=48
