yo yo emoji
yo-yo from Fluent Emoji Flat by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- yo-yo
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Activities
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More activities icons from Fluent Emoji Flat
Use the yo yo emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#8d65c5" d="M27 20.495c0-5.14-3.966-9.322-8.924-9.485L14.357 11v.194C10.164 12.08 7 15.906 7 20.494c0 4.59 3.153 8.405 7.358 9.302v.194h3.212c.07 0 .139.01.208.01c.07 0 .14 0 .209-.01h.089C23.024 29.816 27 25.635 27 20.495"/><path fill="#433b6b" d="M17 30c4.97 0 9-4.253 9-9.5S21.97 11 17 11s-9 4.253-9 9.5s4.03 9.5 9 9.5"/><path fill="#ffb02e" d="M15.008 4.25a1.742 1.742 0 1 1 3.484 0a1.742 1.742 0 0 1-3.484 0M16.75 1.5a2.75 2.75 0 1 0 2.7 3.275a3.99 3.99 0 0 1 3.985 3.995a3.99 3.99 0 0 1-3.995 3.995v1.01a5 5 0 0 0 5.005-5.005a5 5 0 0 0-4.988-5.005A2.75 2.75 0 0 0 16.75 1.5"/><path fill="#bca4eb" d="M25 20.495c0-5.14-4.084-9.322-9.189-9.485L13.576 11v.194C9.256 12.08 6 15.906 6 20.494c0 4.59 3.247 8.405 7.576 9.302v.194h1.715c.071 0 .143.01.214.01s.143 0 .214-.01h.092C20.916 29.816 25 25.635 25 20.495"/><path fill="#8d65c5" d="M23 20.5a9.5 9.5 0 1 1-19 0a9.5 9.5 0 0 1 19 0m-9.5-5.3c2.92 0 5.3 2.38 5.3 5.3s-2.38 5.3-5.3 5.3s-5.3-2.38-5.3-5.3s2.37-5.3 5.3-5.3m0-1.2a6.5 6.5 0 1 0 .002 13.002A6.5 6.5 0 0 0 13.5 14m.412 3.771c-.178-.361-.665-.361-.824 0l-.57 1.198a.45.45 0 0 1-.346.267l-1.272.19c-.383.057-.533.551-.262.827l.88.894c.13.133.177.333.111.514l-.411 1.188c-.13.4.252.78.627.609l1.468-.666a.43.43 0 0 1 .374 0l1.468.666c.375.171.767-.21.627-.609l-.412-1.188a.49.49 0 0 1 .113-.514l.879-.894c.271-.285.121-.77-.262-.827l-1.272-.19a.48.48 0 0 1-.346-.267z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatYoYo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#8d65c5" d="M27 20.495c0-5.14-3.966-9.322-8.924-9.485L14.357 11v.194C10.164 12.08 7 15.906 7 20.494c0 4.59 3.153 8.405 7.358 9.302v.194h3.212c.07 0 .139.01.208.01c.07 0 .14 0 .209-.01h.089C23.024 29.816 27 25.635 27 20.495"/><path fill="#433b6b" d="M17 30c4.97 0 9-4.253 9-9.5S21.97 11 17 11s-9 4.253-9 9.5s4.03 9.5 9 9.5"/><path fill="#ffb02e" d="M15.008 4.25a1.742 1.742 0 1 1 3.484 0a1.742 1.742 0 0 1-3.484 0M16.75 1.5a2.75 2.75 0 1 0 2.7 3.275a3.99 3.99 0 0 1 3.985 3.995a3.99 3.99 0 0 1-3.995 3.995v1.01a5 5 0 0 0 5.005-5.005a5 5 0 0 0-4.988-5.005A2.75 2.75 0 0 0 16.75 1.5"/><path fill="#bca4eb" d="M25 20.495c0-5.14-4.084-9.322-9.189-9.485L13.576 11v.194C9.256 12.08 6 15.906 6 20.494c0 4.59 3.247 8.405 7.576 9.302v.194h1.715c.071 0 .143.01.214.01s.143 0 .214-.01h.092C20.916 29.816 25 25.635 25 20.495"/><path fill="#8d65c5" d="M23 20.5a9.5 9.5 0 1 1-19 0a9.5 9.5 0 0 1 19 0m-9.5-5.3c2.92 0 5.3 2.38 5.3 5.3s-2.38 5.3-5.3 5.3s-5.3-2.38-5.3-5.3s2.37-5.3 5.3-5.3m0-1.2a6.5 6.5 0 1 0 .002 13.002A6.5 6.5 0 0 0 13.5 14m.412 3.771c-.178-.361-.665-.361-.824 0l-.57 1.198a.45.45 0 0 1-.346.267l-1.272.19c-.383.057-.533.551-.262.827l.88.894c.13.133.177.333.111.514l-.411 1.188c-.13.4.252.78.627.609l1.468-.666a.43.43 0 0 1 .374 0l1.468.666c.375.171.767-.21.627-.609l-.412-1.188a.49.49 0 0 1 .113-.514l.879-.894c.271-.285.121-.77-.262-.827l-1.272-.19a.48.48 0 0 1-.346-.267z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#8d65c5" d="M27 20.495c0-5.14-3.966-9.322-8.924-9.485L14.357 11v.194C10.164 12.08 7 15.906 7 20.494c0 4.59 3.153 8.405 7.358 9.302v.194h3.212c.07 0 .139.01.208.01c.07 0 .14 0 .209-.01h.089C23.024 29.816 27 25.635 27 20.495"/><path fill="#433b6b" d="M17 30c4.97 0 9-4.253 9-9.5S21.97 11 17 11s-9 4.253-9 9.5s4.03 9.5 9 9.5"/><path fill="#ffb02e" d="M15.008 4.25a1.742 1.742 0 1 1 3.484 0a1.742 1.742 0 0 1-3.484 0M16.75 1.5a2.75 2.75 0 1 0 2.7 3.275a3.99 3.99 0 0 1 3.985 3.995a3.99 3.99 0 0 1-3.995 3.995v1.01a5 5 0 0 0 5.005-5.005a5 5 0 0 0-4.988-5.005A2.75 2.75 0 0 0 16.75 1.5"/><path fill="#bca4eb" d="M25 20.495c0-5.14-4.084-9.322-9.189-9.485L13.576 11v.194C9.256 12.08 6 15.906 6 20.494c0 4.59 3.247 8.405 7.576 9.302v.194h1.715c.071 0 .143.01.214.01s.143 0 .214-.01h.092C20.916 29.816 25 25.635 25 20.495"/><path fill="#8d65c5" d="M23 20.5a9.5 9.5 0 1 1-19 0a9.5 9.5 0 0 1 19 0m-9.5-5.3c2.92 0 5.3 2.38 5.3 5.3s-2.38 5.3-5.3 5.3s-5.3-2.38-5.3-5.3s2.37-5.3 5.3-5.3m0-1.2a6.5 6.5 0 1 0 .002 13.002A6.5 6.5 0 0 0 13.5 14m.412 3.771c-.178-.361-.665-.361-.824 0l-.57 1.198a.45.45 0 0 1-.346.267l-1.272.19c-.383.057-.533.551-.262.827l.88.894c.13.133.177.333.111.514l-.411 1.188c-.13.4.252.78.627.609l1.468-.666a.43.43 0 0 1 .374 0l1.468.666c.375.171.767-.21.627-.609l-.412-1.188a.49.49 0 0 1 .113-.514l.879-.894c.271-.285.121-.77-.262-.827l-1.272-.19a.48.48 0 0 1-.346-.267z"/></g></svg> </template>
CSS
.icon-yo-yo {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M27%2020.495c0-5.14-3.966-9.322-8.924-9.485L14.357%2011v.194C10.164%2012.08%207%2015.906%207%2020.494c0%204.59%203.153%208.405%207.358%209.302v.194h3.212c.07%200%20.139.01.208.01c.07%200%20.14%200%20.209-.01h.089C23.024%2029.816%2027%2025.635%2027%2020.495%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M17%2030c4.97%200%209-4.253%209-9.5S21.97%2011%2017%2011s-9%204.253-9%209.5s4.03%209.5%209%209.5%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M15.008%204.25a1.742%201.742%200%201%201%203.484%200a1.742%201.742%200%200%201-3.484%200M16.75%201.5a2.75%202.75%200%201%200%202.7%203.275a3.99%203.99%200%200%201%203.985%203.995a3.99%203.99%200%200%201-3.995%203.995v1.01a5%205%200%200%200%205.005-5.005a5%205%200%200%200-4.988-5.005A2.75%202.75%200%200%200%2016.75%201.5%22%2F%3E%3Cpath%20fill%3D%22%23bca4eb%22%20d%3D%22M25%2020.495c0-5.14-4.084-9.322-9.189-9.485L13.576%2011v.194C9.256%2012.08%206%2015.906%206%2020.494c0%204.59%203.247%208.405%207.576%209.302v.194h1.715c.071%200%20.143.01.214.01s.143%200%20.214-.01h.092C20.916%2029.816%2025%2025.635%2025%2020.495%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M23%2020.5a9.5%209.5%200%201%201-19%200a9.5%209.5%200%200%201%2019%200m-9.5-5.3c2.92%200%205.3%202.38%205.3%205.3s-2.38%205.3-5.3%205.3s-5.3-2.38-5.3-5.3s2.37-5.3%205.3-5.3m0-1.2a6.5%206.5%200%201%200%20.002%2013.002A6.5%206.5%200%200%200%2013.5%2014m.412%203.771c-.178-.361-.665-.361-.824%200l-.57%201.198a.45.45%200%200%201-.346.267l-1.272.19c-.383.057-.533.551-.262.827l.88.894c.13.133.177.333.111.514l-.411%201.188c-.13.4.252.78.627.609l1.468-.666a.43.43%200%200%201%20.374%200l1.468.666c.375.171.767-.21.627-.609l-.412-1.188a.49.49%200%200%201%20.113-.514l.879-.894c.271-.285.121-.77-.262-.827l-1.272-.19a.48.48%200%200%201-.346-.267z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M27%2020.495c0-5.14-3.966-9.322-8.924-9.485L14.357%2011v.194C10.164%2012.08%207%2015.906%207%2020.494c0%204.59%203.153%208.405%207.358%209.302v.194h3.212c.07%200%20.139.01.208.01c.07%200%20.14%200%20.209-.01h.089C23.024%2029.816%2027%2025.635%2027%2020.495%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M17%2030c4.97%200%209-4.253%209-9.5S21.97%2011%2017%2011s-9%204.253-9%209.5s4.03%209.5%209%209.5%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M15.008%204.25a1.742%201.742%200%201%201%203.484%200a1.742%201.742%200%200%201-3.484%200M16.75%201.5a2.75%202.75%200%201%200%202.7%203.275a3.99%203.99%200%200%201%203.985%203.995a3.99%203.99%200%200%201-3.995%203.995v1.01a5%205%200%200%200%205.005-5.005a5%205%200%200%200-4.988-5.005A2.75%202.75%200%200%200%2016.75%201.5%22%2F%3E%3Cpath%20fill%3D%22%23bca4eb%22%20d%3D%22M25%2020.495c0-5.14-4.084-9.322-9.189-9.485L13.576%2011v.194C9.256%2012.08%206%2015.906%206%2020.494c0%204.59%203.247%208.405%207.576%209.302v.194h1.715c.071%200%20.143.01.214.01s.143%200%20.214-.01h.092C20.916%2029.816%2025%2025.635%2025%2020.495%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M23%2020.5a9.5%209.5%200%201%201-19%200a9.5%209.5%200%200%201%2019%200m-9.5-5.3c2.92%200%205.3%202.38%205.3%205.3s-2.38%205.3-5.3%205.3s-5.3-2.38-5.3-5.3s2.37-5.3%205.3-5.3m0-1.2a6.5%206.5%200%201%200%20.002%2013.002A6.5%206.5%200%200%200%2013.5%2014m.412%203.771c-.178-.361-.665-.361-.824%200l-.57%201.198a.45.45%200%200%201-.346.267l-1.272.19c-.383.057-.533.551-.262.827l.88.894c.13.133.177.333.111.514l-.411%201.188c-.13.4.252.78.627.609l1.468-.666a.43.43%200%200%201%20.374%200l1.468.666c.375.171.767-.21.627-.609l-.412-1.188a.49.49%200%200%201%20.113-.514l.879-.894c.271-.285.121-.77-.262-.827l-1.272-.19a.48.48%200%200%201-.346-.267z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/yo-yo.svg?color=%231a73e8&size=48
