trophy down icon
trophy-down from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- trophy-down
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
Related icons in Mage Icons
Use the trophy down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.08 2.752H8.92a1.97 1.97 0 0 0-2.062 1.85v6.077a5.49 5.49 0 0 0 3.024 4.8a4.52 4.52 0 0 0 4.236 0a5.49 5.49 0 0 0 3.024-4.8V4.602a1.97 1.97 0 0 0-2.062-1.85Z"/><path d="M17.142 4.602h2.054a1.97 1.97 0 0 1 2.053 1.85a6.8 6.8 0 0 1-.87 3.311a7.74 7.74 0 0 1-2.423 2.608l-.814.555l-.795.481M6.858 4.602H4.804a1.97 1.97 0 0 0-2.053 1.85c.003 1.16.302 2.3.87 3.311a7.74 7.74 0 0 0 2.423 2.608l.814.555l.795.481m2.294 5.068v-2.969m4.106 2.969v-2.969M8.81 18.475h6.38a1.95 1.95 0 0 1 1.952 1.952v.333a.49.49 0 0 1-.49.49H7.348a.49.49 0 0 1-.49-.49v-.333a1.95 1.95 0 0 1 1.951-1.952Z"/><path stroke-miterlimit="10" d="M12 11.504v-5"/><path stroke-linejoin="round" d="m9.707 9.399l1.967 1.967a.46.46 0 0 0 .652 0l1.967-1.967"/></g></svg>
React
import type { SVGProps } from "react";
export function MageTrophyDown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M15.08 2.752H8.92a1.97 1.97 0 0 0-2.062 1.85v6.077a5.49 5.49 0 0 0 3.024 4.8a4.52 4.52 0 0 0 4.236 0a5.49 5.49 0 0 0 3.024-4.8V4.602a1.97 1.97 0 0 0-2.062-1.85Z"/><path d="M17.142 4.602h2.054a1.97 1.97 0 0 1 2.053 1.85a6.8 6.8 0 0 1-.87 3.311a7.74 7.74 0 0 1-2.423 2.608l-.814.555l-.795.481M6.858 4.602H4.804a1.97 1.97 0 0 0-2.053 1.85c.003 1.16.302 2.3.87 3.311a7.74 7.74 0 0 0 2.423 2.608l.814.555l.795.481m2.294 5.068v-2.969m4.106 2.969v-2.969M8.81 18.475h6.38a1.95 1.95 0 0 1 1.952 1.952v.333a.49.49 0 0 1-.49.49H7.348a.49.49 0 0 1-.49-.49v-.333a1.95 1.95 0 0 1 1.951-1.952Z"/><path strokeMiterlimit="10" d="M12 11.504v-5"/><path strokeLinejoin="round" d="m9.707 9.399l1.967 1.967a.46.46 0 0 0 .652 0l1.967-1.967"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.08 2.752H8.92a1.97 1.97 0 0 0-2.062 1.85v6.077a5.49 5.49 0 0 0 3.024 4.8a4.52 4.52 0 0 0 4.236 0a5.49 5.49 0 0 0 3.024-4.8V4.602a1.97 1.97 0 0 0-2.062-1.85Z"/><path d="M17.142 4.602h2.054a1.97 1.97 0 0 1 2.053 1.85a6.8 6.8 0 0 1-.87 3.311a7.74 7.74 0 0 1-2.423 2.608l-.814.555l-.795.481M6.858 4.602H4.804a1.97 1.97 0 0 0-2.053 1.85c.003 1.16.302 2.3.87 3.311a7.74 7.74 0 0 0 2.423 2.608l.814.555l.795.481m2.294 5.068v-2.969m4.106 2.969v-2.969M8.81 18.475h6.38a1.95 1.95 0 0 1 1.952 1.952v.333a.49.49 0 0 1-.49.49H7.348a.49.49 0 0 1-.49-.49v-.333a1.95 1.95 0 0 1 1.951-1.952Z"/><path stroke-miterlimit="10" d="M12 11.504v-5"/><path stroke-linejoin="round" d="m9.707 9.399l1.967 1.967a.46.46 0 0 0 .652 0l1.967-1.967"/></g></svg> </template>
CSS
.icon-trophy-down {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15.08%202.752H8.92a1.97%201.97%200%200%200-2.062%201.85v6.077a5.49%205.49%200%200%200%203.024%204.8a4.52%204.52%200%200%200%204.236%200a5.49%205.49%200%200%200%203.024-4.8V4.602a1.97%201.97%200%200%200-2.062-1.85Z%22%2F%3E%3Cpath%20d%3D%22M17.142%204.602h2.054a1.97%201.97%200%200%201%202.053%201.85a6.8%206.8%200%200%201-.87%203.311a7.74%207.74%200%200%201-2.423%202.608l-.814.555l-.795.481M6.858%204.602H4.804a1.97%201.97%200%200%200-2.053%201.85c.003%201.16.302%202.3.87%203.311a7.74%207.74%200%200%200%202.423%202.608l.814.555l.795.481m2.294%205.068v-2.969m4.106%202.969v-2.969M8.81%2018.475h6.38a1.95%201.95%200%200%201%201.952%201.952v.333a.49.49%200%200%201-.49.49H7.348a.49.49%200%200%201-.49-.49v-.333a1.95%201.95%200%200%201%201.951-1.952Z%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%2011.504v-5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m9.707%209.399l1.967%201.967a.46.46%200%200%200%20.652%200l1.967-1.967%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15.08%202.752H8.92a1.97%201.97%200%200%200-2.062%201.85v6.077a5.49%205.49%200%200%200%203.024%204.8a4.52%204.52%200%200%200%204.236%200a5.49%205.49%200%200%200%203.024-4.8V4.602a1.97%201.97%200%200%200-2.062-1.85Z%22%2F%3E%3Cpath%20d%3D%22M17.142%204.602h2.054a1.97%201.97%200%200%201%202.053%201.85a6.8%206.8%200%200%201-.87%203.311a7.74%207.74%200%200%201-2.423%202.608l-.814.555l-.795.481M6.858%204.602H4.804a1.97%201.97%200%200%200-2.053%201.85c.003%201.16.302%202.3.87%203.311a7.74%207.74%200%200%200%202.423%202.608l.814.555l.795.481m2.294%205.068v-2.969m4.106%202.969v-2.969M8.81%2018.475h6.38a1.95%201.95%200%200%201%201.952%201.952v.333a.49.49%200%200%201-.49.49H7.348a.49.49%200%200%201-.49-.49v-.333a1.95%201.95%200%200%201%201.951-1.952Z%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M12%2011.504v-5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m9.707%209.399l1.967%201.967a.46.46%200%200%200%20.652%200l1.967-1.967%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/trophy-down.svg?color=%231a73e8&size=48
