ICONYZ
English
Cow icon from WebHostingHub Glyphs

Cow icon

whh:cow

The Cow icon (whh:cow) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
WebHostingHub Glyphs
Author
WebHostingHub
License
OFL-1.1
Size
1024 × 1024
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M822 508q-17 101-43 152q-3 13-23 53.5T720 802t-16 94q0 67-42.5 97.5T512 1024t-149.5-30.5T320 896q0-46-16-94t-36-88.5t-23-53.5q-26-51-43-152q-12 3-25 3.5t-29.5-.5t-28-2t-31.5-5t-28.5-5.5T28 492t-28-6q22-30 33.5-43.5t32.5-30t46.5-22.5t60.5-6q5 0 20 3q1-30 9-53q-11-37-10-72q0-26 .5-40.5t4-43.5t11.5-50t21.5-46.5t36.5-46T320 0q-37 73-37 131q0 50 17 97q78-36 212-36t212 36q17-47 17-97q0-58-37-131q31 15 54 35.5t36.5 46T816 128t11.5 50t4 43.5t.5 40.5q1 34-10 72q8 23 9 53q15-3 20-3q35 0 60.5 6t46.5 22.5t32.5 30T1024 486q-5 1-28 6t-31.5 6.5T936 504t-31.5 5t-28 2t-29.5.5t-25-3.5M512 320q-79 0-135.5 29.5T320 421q0 33 18.5 71t53.5 56q12 6 18.5 12t17 21.5T443 628t5 76q0 43-10 75t-22 47t-22 36.5t-10 46.5q0 23 43 37t85 14t85-14t43-37q0-25-10-46.5T608 826t-22-47t-10-75q0-45 5.5-76t16-47t17-21.5T632 548q34-18 53-56.5t19-70.5q0-42-56.5-71.5T512 320"/></svg>

How to use the Cow icon

React

import { Icon } from "@iconify/react";

<Icon icon="whh:cow" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:cow" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:cow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cow"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:cow"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/cow.svg" alt="Cow icon" width="24" height="24">

Cow icon in other icon sets

Cow icon FAQ

Is the Cow icon free for commercial use?

Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Cow icon in React?

Install @iconify/react and render <Icon icon="whh:cow" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cow icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/cow.svg" alt="Cow icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →