What does the cos icon represent?

The cos icon represents the cosine function, commonly used in mathematical and scientific interfaces.

How do I use the cos icon in React?

Import both HugeiconsIcon and CosIcon, then render .

What is the license for HugeIcons?

HugeIcons are distributed under the MIT license, allowing for free commercial and non-commercial use.

cos icon

HugeIcons · CosIcon · MIT

The HugeIcons cos icon depicts a stylized representation of the cosine function, often used to indicate mathematical operations, graphing, or trigonometric contexts in UI.

Common uses

Trigonometry calculator input
Graphing tool axis label
Scientific application settings

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { CosIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={CosIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: cosinemathtrigonometryfunction

FAQ

What does the cos icon represent?: The cos icon represents the cosine function, commonly used in mathematical and scientific interfaces.
How do I use the cos icon in React?: Import both HugeiconsIcon and CosIcon, then render <HugeiconsIcon icon={CosIcon} />.
What is the license for HugeIcons?: HugeIcons are distributed under the MIT license, allowing for free commercial and non-commercial use.

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →