capricorn emoji
capricorn from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.
- Name
- capricorn
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Symbols
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More symbols icons from Fluent Emoji High Contrast
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the capricorn emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" stroke="currentColor" d="M17.5 15.51v1.066l.82-.682a4.95 4.95 0 0 1 3.18-1.144c2.754 0 5 2.246 5 5s-2.246 5-5 5c-1.427 0-2.717-.6-3.626-1.563l-.51-.54l-.309.675A5.01 5.01 0 0 1 12.5 26.25a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5c2.206 0 4-1.794 4-4v-11c0-1.926-1.574-3.5-3.5-3.5a3.51 3.51 0 0 0-3.5 3.5v11c0 .274-.226.5-.5.5a.503.503 0 0 1-.5-.5v-12c0-1.376-1.124-2.5-2.5-2.5a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5a3.51 3.51 0 0 1 2.853 1.481l.366.51l.415-.47A4.47 4.47 0 0 1 13 5.75c2.484 0 4.5 2.016 4.5 4.5zM1.5 6A4.5 4.5 0 0 1 6 1.5h20A4.5 4.5 0 0 1 30.5 6v20a4.5 4.5 0 0 1-4.5 4.5H6A4.5 4.5 0 0 1 1.5 26zM6 2.5A3.5 3.5 0 0 0 2.5 6v20A3.5 3.5 0 0 0 6 29.5h20a3.5 3.5 0 0 0 3.5-3.5V6A3.5 3.5 0 0 0 26 2.5zm11.5 17.25c0 2.206 1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastCapricorn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" stroke="currentColor" d="M17.5 15.51v1.066l.82-.682a4.95 4.95 0 0 1 3.18-1.144c2.754 0 5 2.246 5 5s-2.246 5-5 5c-1.427 0-2.717-.6-3.626-1.563l-.51-.54l-.309.675A5.01 5.01 0 0 1 12.5 26.25a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5c2.206 0 4-1.794 4-4v-11c0-1.926-1.574-3.5-3.5-3.5a3.51 3.51 0 0 0-3.5 3.5v11c0 .274-.226.5-.5.5a.503.503 0 0 1-.5-.5v-12c0-1.376-1.124-2.5-2.5-2.5a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5a3.51 3.51 0 0 1 2.853 1.481l.366.51l.415-.47A4.47 4.47 0 0 1 13 5.75c2.484 0 4.5 2.016 4.5 4.5zM1.5 6A4.5 4.5 0 0 1 6 1.5h20A4.5 4.5 0 0 1 30.5 6v20a4.5 4.5 0 0 1-4.5 4.5H6A4.5 4.5 0 0 1 1.5 26zM6 2.5A3.5 3.5 0 0 0 2.5 6v20A3.5 3.5 0 0 0 6 29.5h20a3.5 3.5 0 0 0 3.5-3.5V6A3.5 3.5 0 0 0 26 2.5zm11.5 17.25c0 2.206 1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" stroke="currentColor" d="M17.5 15.51v1.066l.82-.682a4.95 4.95 0 0 1 3.18-1.144c2.754 0 5 2.246 5 5s-2.246 5-5 5c-1.427 0-2.717-.6-3.626-1.563l-.51-.54l-.309.675A5.01 5.01 0 0 1 12.5 26.25a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5c2.206 0 4-1.794 4-4v-11c0-1.926-1.574-3.5-3.5-3.5a3.51 3.51 0 0 0-3.5 3.5v11c0 .274-.226.5-.5.5a.503.503 0 0 1-.5-.5v-12c0-1.376-1.124-2.5-2.5-2.5a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5a3.51 3.51 0 0 1 2.853 1.481l.366.51l.415-.47A4.47 4.47 0 0 1 13 5.75c2.484 0 4.5 2.016 4.5 4.5zM1.5 6A4.5 4.5 0 0 1 6 1.5h20A4.5 4.5 0 0 1 30.5 6v20a4.5 4.5 0 0 1-4.5 4.5H6A4.5 4.5 0 0 1 1.5 26zM6 2.5A3.5 3.5 0 0 0 2.5 6v20A3.5 3.5 0 0 0 6 29.5h20a3.5 3.5 0 0 0 3.5-3.5V6A3.5 3.5 0 0 0 26 2.5zm11.5 17.25c0 2.206 1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4Z"/></svg> </template>
CSS
.icon-capricorn {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20d%3D%22M17.5%2015.51v1.066l.82-.682a4.95%204.95%200%200%201%203.18-1.144c2.754%200%205%202.246%205%205s-2.246%205-5%205c-1.427%200-2.717-.6-3.626-1.563l-.51-.54l-.309.675A5.01%205.01%200%200%201%2012.5%2026.25a.503.503%200%200%201-.5-.5c0-.274.226-.5.5-.5c2.206%200%204-1.794%204-4v-11c0-1.926-1.574-3.5-3.5-3.5a3.51%203.51%200%200%200-3.5%203.5v11c0%20.274-.226.5-.5.5a.503.503%200%200%201-.5-.5v-12c0-1.376-1.124-2.5-2.5-2.5a.503.503%200%200%201-.5-.5c0-.274.226-.5.5-.5a3.51%203.51%200%200%201%202.853%201.481l.366.51l.415-.47A4.47%204.47%200%200%201%2013%205.75c2.484%200%204.5%202.016%204.5%204.5zM1.5%206A4.5%204.5%200%200%201%206%201.5h20A4.5%204.5%200%200%201%2030.5%206v20a4.5%204.5%200%200%201-4.5%204.5H6A4.5%204.5%200%200%201%201.5%2026zM6%202.5A3.5%203.5%200%200%200%202.5%206v20A3.5%203.5%200%200%200%206%2029.5h20a3.5%203.5%200%200%200%203.5-3.5V6A3.5%203.5%200%200%200%2026%202.5zm11.5%2017.25c0%202.206%201.794%204%204%204s4-1.794%204-4s-1.794-4-4-4s-4%201.794-4%204Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20d%3D%22M17.5%2015.51v1.066l.82-.682a4.95%204.95%200%200%201%203.18-1.144c2.754%200%205%202.246%205%205s-2.246%205-5%205c-1.427%200-2.717-.6-3.626-1.563l-.51-.54l-.309.675A5.01%205.01%200%200%201%2012.5%2026.25a.503.503%200%200%201-.5-.5c0-.274.226-.5.5-.5c2.206%200%204-1.794%204-4v-11c0-1.926-1.574-3.5-3.5-3.5a3.51%203.51%200%200%200-3.5%203.5v11c0%20.274-.226.5-.5.5a.503.503%200%200%201-.5-.5v-12c0-1.376-1.124-2.5-2.5-2.5a.503.503%200%200%201-.5-.5c0-.274.226-.5.5-.5a3.51%203.51%200%200%201%202.853%201.481l.366.51l.415-.47A4.47%204.47%200%200%201%2013%205.75c2.484%200%204.5%202.016%204.5%204.5zM1.5%206A4.5%204.5%200%200%201%206%201.5h20A4.5%204.5%200%200%201%2030.5%206v20a4.5%204.5%200%200%201-4.5%204.5H6A4.5%204.5%200%200%201%201.5%2026zM6%202.5A3.5%203.5%200%200%200%202.5%206v20A3.5%203.5%200%200%200%206%2029.5h20a3.5%203.5%200%200%200%203.5-3.5V6A3.5%203.5%200%200%200%2026%202.5zm11.5%2017.25c0%202.206%201.794%204%204%204s4-1.794%204-4s-1.794-4-4-4s-4%201.794-4%204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/capricorn.svg?color=%231a73e8&size=48
