---
title: "Css Three Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/css-three--27740
canonical_url: "https://www.streamlinehq.com/icons/download/css-three--27740"
summary: "Rounded gradient icon of a white stylized 3 inside a shield. Used for CSS, web styling, and frontend development."
---

# Css Three icon

The Css Three icon shows a white stylized number 3 set inside a rounded shield-shaped field. Drawn in the gradient style on a 14px grid with filled shapes, it delivers smooth color transitions and a bold mark for dark interfaces. Use it for CSS documentation, web styling tools, frontend development, code editors, and technology branding. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a white stylized 3 inside a shield. Used for CSS, web styling, and frontend development.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/programming/script/css-three-skfveukb7j9rk0kh26sf8p.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Css Three
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Programming › Script
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: css, three, shield, secure, security, protection, symbol, badge, defense, technology, guard, code, programming, language, html

## Download

- [Download Css Three on Streamline](https://www.streamlinehq.com/icons/download/css-three--27740)

## Also available in other styles

- [Css Three — Flex Line](/icons/download/css-three--24435.md) (Pro)
- [Css Three — Flex Remix](/icons/download/css-three--28587.md) (Pro)
- [Css Three — Flex Duo](/icons/download/css-three--24587.md) (Pro)
- [Css Three — Flex Flat](/icons/download/css-three--24748.md) (Pro)
- [Css Three — Flex Neon](/icons/download/css-three--30262.md) (Pro)
- [Css Three — Flex Pop](/icons/download/css-three--31241.md) (Pro)
- [Css Three — Flex Solid](/icons/download/css-three--24275.md) (Pro)

---

[View full sitemap](/sitemap.md)