flying disc emoji
flying-disc from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- flying-disc
- 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 flying disc emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 21.526C35 26.758 27.389 31 18 31S1 26.758 1 21.526S7.625 11 18 11s17 5.294 17 10.526"/><ellipse cx="18" cy="19.502" fill="#ffac33" rx="16" ry="8.5"/><path fill="#ffd983" d="M18 11.331c-6.449 0-11.5 2.491-11.5 5.672s5.051 5.671 11.5 5.671s11.5-2.491 11.5-5.671s-5.052-5.672-11.5-5.672"/><ellipse cx="18" cy="18.002" fill="#ffac33" rx="12" ry="6"/><path fill="#f4900c" d="M29 18.002c-1.81 3.118-7 4-11 4s-9.19-.882-11-4c-.75-1.292-1.5 1.083.5 3.083S14 24.402 18 24.402s8.5-1.317 10.5-3.317s1.25-4.374.5-3.083"/><path fill="#e1e8ed" d="M35 1S24.497-.538 15.958 3C6.77 6.807 4 13 4 13c1.541-1.541 5.463-3.079 10.383-3.705c1.777-3.182 6.97-7.391 12.271-7.351c0 0-7.222 1.493-9.759 7.121A37 37 0 0 1 19 9c1.319 0 2.551.118 3.702.303c.68-2.914 3.791-6.264 7.226-6.829c0 0-3.562 1.707-4.845 7.338C29.418 10.981 32 13 32 13c-4-8 3-12 3-12"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFlyingDisc(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 21.526C35 26.758 27.389 31 18 31S1 26.758 1 21.526S7.625 11 18 11s17 5.294 17 10.526"/><ellipse cx="18" cy="19.502" fill="#ffac33" rx="16" ry="8.5"/><path fill="#ffd983" d="M18 11.331c-6.449 0-11.5 2.491-11.5 5.672s5.051 5.671 11.5 5.671s11.5-2.491 11.5-5.671s-5.052-5.672-11.5-5.672"/><ellipse cx="18" cy="18.002" fill="#ffac33" rx="12" ry="6"/><path fill="#f4900c" d="M29 18.002c-1.81 3.118-7 4-11 4s-9.19-.882-11-4c-.75-1.292-1.5 1.083.5 3.083S14 24.402 18 24.402s8.5-1.317 10.5-3.317s1.25-4.374.5-3.083"/><path fill="#e1e8ed" d="M35 1S24.497-.538 15.958 3C6.77 6.807 4 13 4 13c1.541-1.541 5.463-3.079 10.383-3.705c1.777-3.182 6.97-7.391 12.271-7.351c0 0-7.222 1.493-9.759 7.121A37 37 0 0 1 19 9c1.319 0 2.551.118 3.702.303c.68-2.914 3.791-6.264 7.226-6.829c0 0-3.562 1.707-4.845 7.338C29.418 10.981 32 13 32 13c-4-8 3-12 3-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 21.526C35 26.758 27.389 31 18 31S1 26.758 1 21.526S7.625 11 18 11s17 5.294 17 10.526"/><ellipse cx="18" cy="19.502" fill="#ffac33" rx="16" ry="8.5"/><path fill="#ffd983" d="M18 11.331c-6.449 0-11.5 2.491-11.5 5.672s5.051 5.671 11.5 5.671s11.5-2.491 11.5-5.671s-5.052-5.672-11.5-5.672"/><ellipse cx="18" cy="18.002" fill="#ffac33" rx="12" ry="6"/><path fill="#f4900c" d="M29 18.002c-1.81 3.118-7 4-11 4s-9.19-.882-11-4c-.75-1.292-1.5 1.083.5 3.083S14 24.402 18 24.402s8.5-1.317 10.5-3.317s1.25-4.374.5-3.083"/><path fill="#e1e8ed" d="M35 1S24.497-.538 15.958 3C6.77 6.807 4 13 4 13c1.541-1.541 5.463-3.079 10.383-3.705c1.777-3.182 6.97-7.391 12.271-7.351c0 0-7.222 1.493-9.759 7.121A37 37 0 0 1 19 9c1.319 0 2.551.118 3.702.303c.68-2.914 3.791-6.264 7.226-6.829c0 0-3.562 1.707-4.845 7.338C29.418 10.981 32 13 32 13c-4-8 3-12 3-12"/></svg> </template>
CSS
.icon-flying-disc {
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%23f4900c%22%20d%3D%22M35%2021.526C35%2026.758%2027.389%2031%2018%2031S1%2026.758%201%2021.526S7.625%2011%2018%2011s17%205.294%2017%2010.526%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2219.502%22%20fill%3D%22%23ffac33%22%20rx%3D%2216%22%20ry%3D%228.5%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M18%2011.331c-6.449%200-11.5%202.491-11.5%205.672s5.051%205.671%2011.5%205.671s11.5-2.491%2011.5-5.671s-5.052-5.672-11.5-5.672%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2218.002%22%20fill%3D%22%23ffac33%22%20rx%3D%2212%22%20ry%3D%226%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M29%2018.002c-1.81%203.118-7%204-11%204s-9.19-.882-11-4c-.75-1.292-1.5%201.083.5%203.083S14%2024.402%2018%2024.402s8.5-1.317%2010.5-3.317s1.25-4.374.5-3.083%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M35%201S24.497-.538%2015.958%203C6.77%206.807%204%2013%204%2013c1.541-1.541%205.463-3.079%2010.383-3.705c1.777-3.182%206.97-7.391%2012.271-7.351c0%200-7.222%201.493-9.759%207.121A37%2037%200%200%201%2019%209c1.319%200%202.551.118%203.702.303c.68-2.914%203.791-6.264%207.226-6.829c0%200-3.562%201.707-4.845%207.338C29.418%2010.981%2032%2013%2032%2013c-4-8%203-12%203-12%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%23f4900c%22%20d%3D%22M35%2021.526C35%2026.758%2027.389%2031%2018%2031S1%2026.758%201%2021.526S7.625%2011%2018%2011s17%205.294%2017%2010.526%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2219.502%22%20fill%3D%22%23ffac33%22%20rx%3D%2216%22%20ry%3D%228.5%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M18%2011.331c-6.449%200-11.5%202.491-11.5%205.672s5.051%205.671%2011.5%205.671s11.5-2.491%2011.5-5.671s-5.052-5.672-11.5-5.672%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2218.002%22%20fill%3D%22%23ffac33%22%20rx%3D%2212%22%20ry%3D%226%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M29%2018.002c-1.81%203.118-7%204-11%204s-9.19-.882-11-4c-.75-1.292-1.5%201.083.5%203.083S14%2024.402%2018%2024.402s8.5-1.317%2010.5-3.317s1.25-4.374.5-3.083%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M35%201S24.497-.538%2015.958%203C6.77%206.807%204%2013%204%2013c1.541-1.541%205.463-3.079%2010.383-3.705c1.777-3.182%206.97-7.391%2012.271-7.351c0%200-7.222%201.493-9.759%207.121A37%2037%200%200%201%2019%209c1.319%200%202.551.118%203.702.303c.68-2.914%203.791-6.264%207.226-6.829c0%200-3.562%201.707-4.845%207.338C29.418%2010.981%2032%2013%2032%2013c-4-8%203-12%203-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/flying-disc.svg?color=%231a73e8&size=48
