Cow icon
vs:cow
The Cow icon (vs:cow) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2176 × 1664 grid. Vesper 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 2176 × 1664
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2176" height="1664" viewBox="0 0 2176 1664"><path fill="currentColor" d="M768 1152q59-25 145.5-44.5T1088 1088q166 0 320 64q-12-81 11-155.5t77-172.5h-157q-34 0-58.5-25.5T1256 738t24.5-60.5T1339 652h209q7-102 1.5-138.5T1522 455q-32-31-109-51t-133-20H896q-56 0-132 20t-108 51q-22 22-27.5 58.5T630 652h208q34 0 59 25.5t25 60.5t-25 60.5t-59 25.5H682q53 96 75.5 171.5T768 1152m0-960h640q61 0 128 64q50 0 90-6.5t71.5-20.5t53.5-28t46-41t38.5-45.5t41-55.5T1920 0q22 60 24.5 113t-11.5 91.5t-40 71t-57 53.5t-67.5 36.5t-68.5 23t-61 10.5q7 27 15.5 88t9.5 89q8-8 131.5-67t132.5-59q11 0 64 41t113 91t71 58q-41 28-69 59.5t-40 53t-27.5 40.5t-43.5 29t-76 10q-38 0-74-12.5t-72.5-39t-56-43.5t-54.5-51q-7 77-28.5 141T1592 927.5t-38 95t-18 129.5q-1 44 31.5 135t32.5 121q0 60-37.5 107.5t-93 74.5t-128 44.5t-134 23.5t-119.5 6t-119.5-6t-134-23.5t-128-44.5t-93-74.5T576 1408q0-30 32.5-121t31.5-135q-1-71-18-129.5t-38-95T541.5 827T513 686q-35 34-54.5 51t-56 43.5t-72.5 39t-74 12.5q-48 0-76-10t-43.5-29t-27.5-40.5t-40-53T0 640q10-7 71-57.5T185 491t64-41q9 0 132 59t131 67q1-28 10-89t16-88q-29-3-61-10.5t-68.5-23t-68-36.5t-57.5-53.5t-39.5-71T232 113T256 0q17 22 43.5 59t41 55.5T379 160t46 41t53.5 28t71.5 20.5t90 6.5q67-64 128-64m552 1063q-38 0-62.5 21.5T1233 1334v79q0 36 24.5 57.5t62.5 21.5q37 0 62-21.5t25-57.5v-79q0-36-25-57.5t-62-21.5m-464 0q-37 0-62 21.5t-25 57.5v79q0 36 25 57.5t62 21.5q38 0 62.5-21.5T943 1413v-79q0-36-24.5-57.5T856 1255"/></svg>How to use the Cow icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:cow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:cow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:cow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--cow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:cow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:cow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/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. Vesper 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="vs: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/vs/cow.svg" alt="Cow icon">, or paste the SVG code inline to style it with CSS.