yo yo emoji
yo-yo from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- yo-yo
- 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 yo yo emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="17.722" cy="21.507" fill="#be1931" rx="12.917" ry="13.993"/><ellipse cx="15.569" cy="21.507" fill="#a0041e" rx="12.917" ry="13.993"/><path fill="#99aab5" d="M28.298 13.741c-1.643 0-3.457-.825-5.227-1.629c-2.124-.966-4.322-1.966-5.46-1.113l-1.167-1.555c2.06-1.544 4.79-.303 7.431.898c2.023.92 4.117 1.868 5.327 1.263c.664-.331 1.155-1.195 1.459-2.566l1.899.422c-.444 2-1.259 3.27-2.49 3.885a3.9 3.9 0 0 1-1.772.395"/><ellipse cx="13.417" cy="21.507" fill="#dd2e44" rx="12.917" ry="13.993"/><ellipse cx="12.878" cy="21.507" fill="#ea596e" rx="9.149" ry="10.433"/><path fill="#99aab5" d="M31.611 10.222c-2.41 0-3.889-3.398-3.889-5.833S29.176.5 31.611.5S35.5 1.954 35.5 4.389c0 2.436-1.479 5.833-3.889 5.833m0-7.778c-1.344 0-1.944.6-1.944 1.944c0 1.878 1.141 3.889 1.944 3.889s1.944-2.011 1.944-3.889c.001-1.344-.599-1.944-1.944-1.944"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiYoYo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="17.722" cy="21.507" fill="#be1931" rx="12.917" ry="13.993"/><ellipse cx="15.569" cy="21.507" fill="#a0041e" rx="12.917" ry="13.993"/><path fill="#99aab5" d="M28.298 13.741c-1.643 0-3.457-.825-5.227-1.629c-2.124-.966-4.322-1.966-5.46-1.113l-1.167-1.555c2.06-1.544 4.79-.303 7.431.898c2.023.92 4.117 1.868 5.327 1.263c.664-.331 1.155-1.195 1.459-2.566l1.899.422c-.444 2-1.259 3.27-2.49 3.885a3.9 3.9 0 0 1-1.772.395"/><ellipse cx="13.417" cy="21.507" fill="#dd2e44" rx="12.917" ry="13.993"/><ellipse cx="12.878" cy="21.507" fill="#ea596e" rx="9.149" ry="10.433"/><path fill="#99aab5" d="M31.611 10.222c-2.41 0-3.889-3.398-3.889-5.833S29.176.5 31.611.5S35.5 1.954 35.5 4.389c0 2.436-1.479 5.833-3.889 5.833m0-7.778c-1.344 0-1.944.6-1.944 1.944c0 1.878 1.141 3.889 1.944 3.889s1.944-2.011 1.944-3.889c.001-1.344-.599-1.944-1.944-1.944"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="17.722" cy="21.507" fill="#be1931" rx="12.917" ry="13.993"/><ellipse cx="15.569" cy="21.507" fill="#a0041e" rx="12.917" ry="13.993"/><path fill="#99aab5" d="M28.298 13.741c-1.643 0-3.457-.825-5.227-1.629c-2.124-.966-4.322-1.966-5.46-1.113l-1.167-1.555c2.06-1.544 4.79-.303 7.431.898c2.023.92 4.117 1.868 5.327 1.263c.664-.331 1.155-1.195 1.459-2.566l1.899.422c-.444 2-1.259 3.27-2.49 3.885a3.9 3.9 0 0 1-1.772.395"/><ellipse cx="13.417" cy="21.507" fill="#dd2e44" rx="12.917" ry="13.993"/><ellipse cx="12.878" cy="21.507" fill="#ea596e" rx="9.149" ry="10.433"/><path fill="#99aab5" d="M31.611 10.222c-2.41 0-3.889-3.398-3.889-5.833S29.176.5 31.611.5S35.5 1.954 35.5 4.389c0 2.436-1.479 5.833-3.889 5.833m0-7.778c-1.344 0-1.944.6-1.944 1.944c0 1.878 1.141 3.889 1.944 3.889s1.944-2.011 1.944-3.889c.001-1.344-.599-1.944-1.944-1.944"/></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%2036%2036%22%3E%3Cellipse%20cx%3D%2217.722%22%20cy%3D%2221.507%22%20fill%3D%22%23be1931%22%20rx%3D%2212.917%22%20ry%3D%2213.993%22%2F%3E%3Cellipse%20cx%3D%2215.569%22%20cy%3D%2221.507%22%20fill%3D%22%23a0041e%22%20rx%3D%2212.917%22%20ry%3D%2213.993%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M28.298%2013.741c-1.643%200-3.457-.825-5.227-1.629c-2.124-.966-4.322-1.966-5.46-1.113l-1.167-1.555c2.06-1.544%204.79-.303%207.431.898c2.023.92%204.117%201.868%205.327%201.263c.664-.331%201.155-1.195%201.459-2.566l1.899.422c-.444%202-1.259%203.27-2.49%203.885a3.9%203.9%200%200%201-1.772.395%22%2F%3E%3Cellipse%20cx%3D%2213.417%22%20cy%3D%2221.507%22%20fill%3D%22%23dd2e44%22%20rx%3D%2212.917%22%20ry%3D%2213.993%22%2F%3E%3Cellipse%20cx%3D%2212.878%22%20cy%3D%2221.507%22%20fill%3D%22%23ea596e%22%20rx%3D%229.149%22%20ry%3D%2210.433%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M31.611%2010.222c-2.41%200-3.889-3.398-3.889-5.833S29.176.5%2031.611.5S35.5%201.954%2035.5%204.389c0%202.436-1.479%205.833-3.889%205.833m0-7.778c-1.344%200-1.944.6-1.944%201.944c0%201.878%201.141%203.889%201.944%203.889s1.944-2.011%201.944-3.889c.001-1.344-.599-1.944-1.944-1.944%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%3Cellipse%20cx%3D%2217.722%22%20cy%3D%2221.507%22%20fill%3D%22%23be1931%22%20rx%3D%2212.917%22%20ry%3D%2213.993%22%2F%3E%3Cellipse%20cx%3D%2215.569%22%20cy%3D%2221.507%22%20fill%3D%22%23a0041e%22%20rx%3D%2212.917%22%20ry%3D%2213.993%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M28.298%2013.741c-1.643%200-3.457-.825-5.227-1.629c-2.124-.966-4.322-1.966-5.46-1.113l-1.167-1.555c2.06-1.544%204.79-.303%207.431.898c2.023.92%204.117%201.868%205.327%201.263c.664-.331%201.155-1.195%201.459-2.566l1.899.422c-.444%202-1.259%203.27-2.49%203.885a3.9%203.9%200%200%201-1.772.395%22%2F%3E%3Cellipse%20cx%3D%2213.417%22%20cy%3D%2221.507%22%20fill%3D%22%23dd2e44%22%20rx%3D%2212.917%22%20ry%3D%2213.993%22%2F%3E%3Cellipse%20cx%3D%2212.878%22%20cy%3D%2221.507%22%20fill%3D%22%23ea596e%22%20rx%3D%229.149%22%20ry%3D%2210.433%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M31.611%2010.222c-2.41%200-3.889-3.398-3.889-5.833S29.176.5%2031.611.5S35.5%201.954%2035.5%204.389c0%202.436-1.479%205.833-3.889%205.833m0-7.778c-1.344%200-1.944.6-1.944%201.944c0%201.878%201.141%203.889%201.944%203.889s1.944-2.011%201.944-3.889c.001-1.344-.599-1.944-1.944-1.944%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/yo-yo.svg?color=%231a73e8&size=48
