sports medal emoji
sports-medal from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- sports-medal
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the sports medal emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="m18 8l-7-8H0l14 17l11.521-4.75z"/><path fill="#3b88c3" d="m25 0l-7 8l5.39 7.312l1.227-1.489L36 0z"/><path fill="#ffac33" d="M23.26 16.026c.08-.217.131-.448.131-.693a2 2 0 0 0-2-2h-6.667a2 2 0 0 0-2 2c0 .245.05.476.131.693c-3.258 1.826-5.464 5.307-5.464 9.307C7.391 31.224 12.166 36 18.058 36s10.667-4.776 10.667-10.667c-.001-4-2.206-7.481-5.465-9.307"/><circle cx="18.058" cy="25.333" r="8" fill="#ffd983"/><path fill="#ffac33" d="M21.278 30.634a.7.7 0 0 1-.406-.131L18 28.444l-2.871 2.059a.697.697 0 0 1-1.071-.777l1.071-3.456l-2.845-2.005a.698.698 0 0 1 .409-1.259l3.524-.005l1.122-3.37a.697.697 0 0 1 1.324 0l1.103 3.37l3.542.005a.697.697 0 0 1 .409 1.259l-2.846 2.005l1.071 3.456a.695.695 0 0 1-.664.908"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSportsMedal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="m18 8l-7-8H0l14 17l11.521-4.75z"/><path fill="#3b88c3" d="m25 0l-7 8l5.39 7.312l1.227-1.489L36 0z"/><path fill="#ffac33" d="M23.26 16.026c.08-.217.131-.448.131-.693a2 2 0 0 0-2-2h-6.667a2 2 0 0 0-2 2c0 .245.05.476.131.693c-3.258 1.826-5.464 5.307-5.464 9.307C7.391 31.224 12.166 36 18.058 36s10.667-4.776 10.667-10.667c-.001-4-2.206-7.481-5.465-9.307"/><circle cx="18.058" cy="25.333" r="8" fill="#ffd983"/><path fill="#ffac33" d="M21.278 30.634a.7.7 0 0 1-.406-.131L18 28.444l-2.871 2.059a.697.697 0 0 1-1.071-.777l1.071-3.456l-2.845-2.005a.698.698 0 0 1 .409-1.259l3.524-.005l1.122-3.37a.697.697 0 0 1 1.324 0l1.103 3.37l3.542.005a.697.697 0 0 1 .409 1.259l-2.846 2.005l1.071 3.456a.695.695 0 0 1-.664.908"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="m18 8l-7-8H0l14 17l11.521-4.75z"/><path fill="#3b88c3" d="m25 0l-7 8l5.39 7.312l1.227-1.489L36 0z"/><path fill="#ffac33" d="M23.26 16.026c.08-.217.131-.448.131-.693a2 2 0 0 0-2-2h-6.667a2 2 0 0 0-2 2c0 .245.05.476.131.693c-3.258 1.826-5.464 5.307-5.464 9.307C7.391 31.224 12.166 36 18.058 36s10.667-4.776 10.667-10.667c-.001-4-2.206-7.481-5.465-9.307"/><circle cx="18.058" cy="25.333" r="8" fill="#ffd983"/><path fill="#ffac33" d="M21.278 30.634a.7.7 0 0 1-.406-.131L18 28.444l-2.871 2.059a.697.697 0 0 1-1.071-.777l1.071-3.456l-2.845-2.005a.698.698 0 0 1 .409-1.259l3.524-.005l1.122-3.37a.697.697 0 0 1 1.324 0l1.103 3.37l3.542.005a.697.697 0 0 1 .409 1.259l-2.846 2.005l1.071 3.456a.695.695 0 0 1-.664.908"/></svg> </template>
CSS
.icon-sports-medal {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22m18%208l-7-8H0l14%2017l11.521-4.75z%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22m25%200l-7%208l5.39%207.312l1.227-1.489L36%200z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M23.26%2016.026c.08-.217.131-.448.131-.693a2%202%200%200%200-2-2h-6.667a2%202%200%200%200-2%202c0%20.245.05.476.131.693c-3.258%201.826-5.464%205.307-5.464%209.307C7.391%2031.224%2012.166%2036%2018.058%2036s10.667-4.776%2010.667-10.667c-.001-4-2.206-7.481-5.465-9.307%22%2F%3E%3Ccircle%20cx%3D%2218.058%22%20cy%3D%2225.333%22%20r%3D%228%22%20fill%3D%22%23ffd983%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M21.278%2030.634a.7.7%200%200%201-.406-.131L18%2028.444l-2.871%202.059a.697.697%200%200%201-1.071-.777l1.071-3.456l-2.845-2.005a.698.698%200%200%201%20.409-1.259l3.524-.005l1.122-3.37a.697.697%200%200%201%201.324%200l1.103%203.37l3.542.005a.697.697%200%200%201%20.409%201.259l-2.846%202.005l1.071%203.456a.695.695%200%200%201-.664.908%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22m18%208l-7-8H0l14%2017l11.521-4.75z%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22m25%200l-7%208l5.39%207.312l1.227-1.489L36%200z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M23.26%2016.026c.08-.217.131-.448.131-.693a2%202%200%200%200-2-2h-6.667a2%202%200%200%200-2%202c0%20.245.05.476.131.693c-3.258%201.826-5.464%205.307-5.464%209.307C7.391%2031.224%2012.166%2036%2018.058%2036s10.667-4.776%2010.667-10.667c-.001-4-2.206-7.481-5.465-9.307%22%2F%3E%3Ccircle%20cx%3D%2218.058%22%20cy%3D%2225.333%22%20r%3D%228%22%20fill%3D%22%23ffd983%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M21.278%2030.634a.7.7%200%200%201-.406-.131L18%2028.444l-2.871%202.059a.697.697%200%200%201-1.071-.777l1.071-3.456l-2.845-2.005a.698.698%200%200%201%20.409-1.259l3.524-.005l1.122-3.37a.697.697%200%200%201%201.324%200l1.103%203.37l3.542.005a.697.697%200%200%201%20.409%201.259l-2.846%202.005l1.071%203.456a.695.695%200%200%201-.664.908%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sports-medal.svg?color=%231a73e8&size=48
