horse icon

horse from Font Awesome Solid by Dave Gandy · Solid · Animals · CC-BY-4.0 Attribution required.

Name: horse
Set: Font Awesome Solid
Style: Solid
Category: Animals
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

horseEmoji One (Colored)horseFont Awesome 6 Solid horseFluent Emoji horseFluent Emoji Flat horseFluent Emoji High Contrast horseFirefox OS Emoji horseHuge Icons horseLine Awesome horseMaterial Design Icons horseNoto Emoji horseOpenMoji horsePhosphor horseStreamline Emojis horseTabler Icons horseTwitter Emoji

More animals icons from Font Awesome Solid

cat crow dog dove dragon feather feather-alt fish frog hippo horse-head kiwi-bird otter paw spider

Use the horse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 302.1V224h16l9.8 19.6c12.5 25.1 42.2 36.4 68.3 26c20.5-8.2 33.9-28 33.9-50.1V144c0-19.1-8.4-36.3-21.7-48h5.7c8.8 0 16-7.2 16-16s-7.2-16-16-16H480c-70.7 0-128 57.3-128 128H180.8c-30.7 0-57.6 16.3-72.5 40.8C65.2 238.5 32 275.4 32 320v56c0 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.8L352 544c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V379.7c19.2-19.2 31.5-45.7 32-75.7zM528 128c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHorse(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 302.1V224h16l9.8 19.6c12.5 25.1 42.2 36.4 68.3 26c20.5-8.2 33.9-28 33.9-50.1V144c0-19.1-8.4-36.3-21.7-48h5.7c8.8 0 16-7.2 16-16s-7.2-16-16-16H480c-70.7 0-128 57.3-128 128H180.8c-30.7 0-57.6 16.3-72.5 40.8C65.2 238.5 32 275.4 32 320v56c0 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.8L352 544c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V379.7c19.2-19.2 31.5-45.7 32-75.7zM528 128c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 302.1V224h16l9.8 19.6c12.5 25.1 42.2 36.4 68.3 26c20.5-8.2 33.9-28 33.9-50.1V144c0-19.1-8.4-36.3-21.7-48h5.7c8.8 0 16-7.2 16-16s-7.2-16-16-16H480c-70.7 0-128 57.3-128 128H180.8c-30.7 0-57.6 16.3-72.5 40.8C65.2 238.5 32 275.4 32 320v56c0 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.8L352 544c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V379.7c19.2-19.2 31.5-45.7 32-75.7zM528 128c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%20302.1V224h16l9.8%2019.6c12.5%2025.1%2042.2%2036.4%2068.3%2026c20.5-8.2%2033.9-28%2033.9-50.1V144c0-19.1-8.4-36.3-21.7-48h5.7c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H480c-70.7%200-128%2057.3-128%20128H180.8c-30.7%200-57.6%2016.3-72.5%2040.8C65.2%20238.5%2032%20275.4%2032%20320v56c0%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.8L352%20544c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V379.7c19.2-19.2%2031.5-45.7%2032-75.7zM528%20128c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016s-16-7.2-16-16s7.2-16%2016-16%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%20302.1V224h16l9.8%2019.6c12.5%2025.1%2042.2%2036.4%2068.3%2026c20.5-8.2%2033.9-28%2033.9-50.1V144c0-19.1-8.4-36.3-21.7-48h5.7c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H480c-70.7%200-128%2057.3-128%20128H180.8c-30.7%200-57.6%2016.3-72.5%2040.8C65.2%20238.5%2032%20275.4%2032%20320v56c0%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.8L352%20544c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V379.7c19.2-19.2%2031.5-45.7%2032-75.7zM528%20128c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016s-16-7.2-16-16s7.2-16%2016-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/horse.svg?color=%231a73e8&size=48