kite emoji
kite from OpenMoji by OpenMoji · Default · Activities · CC-BY-SA-4.0 Attribution required.
- Name
- kite
- Set
- OpenMoji
- Style
- Default
- Category
- Activities
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More activities icons from OpenMoji
Use the kite emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ffa7c0" d="m15.036 4.719l-9.34 21.342L32.289 45.27l4.6-32.481z"/><path fill="#e67a94" d="m32.289 45.27l4.6-32.481l-21.853-8.07"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m32.289 45.27l4.6-32.481l-21.853-8.07l-9.34 21.342zM15.398 5.522L31.78 44.113M6.442 25.764l29.926-12.451"/><path d="M31.78 44.523s4.023 9.238 16.986 6.556c8.86-1.833 12.082 4.545 13.234 8.768a16 16 0 0 1 .493 4.83"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiKite(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ffa7c0" d="m15.036 4.719l-9.34 21.342L32.289 45.27l4.6-32.481z"/><path fill="#e67a94" d="m32.289 45.27l4.6-32.481l-21.853-8.07"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="m32.289 45.27l4.6-32.481l-21.853-8.07l-9.34 21.342zM15.398 5.522L31.78 44.113M6.442 25.764l29.926-12.451"/><path d="M31.78 44.523s4.023 9.238 16.986 6.556c8.86-1.833 12.082 4.545 13.234 8.768a16 16 0 0 1 .493 4.83"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ffa7c0" d="m15.036 4.719l-9.34 21.342L32.289 45.27l4.6-32.481z"/><path fill="#e67a94" d="m32.289 45.27l4.6-32.481l-21.853-8.07"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m32.289 45.27l4.6-32.481l-21.853-8.07l-9.34 21.342zM15.398 5.522L31.78 44.113M6.442 25.764l29.926-12.451"/><path d="M31.78 44.523s4.023 9.238 16.986 6.556c8.86-1.833 12.082 4.545 13.234 8.768a16 16 0 0 1 .493 4.83"/></g></svg> </template>
CSS
.icon-kite {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ffa7c0%22%20d%3D%22m15.036%204.719l-9.34%2021.342L32.289%2045.27l4.6-32.481z%22%2F%3E%3Cpath%20fill%3D%22%23e67a94%22%20d%3D%22m32.289%2045.27l4.6-32.481l-21.853-8.07%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m32.289%2045.27l4.6-32.481l-21.853-8.07l-9.34%2021.342zM15.398%205.522L31.78%2044.113M6.442%2025.764l29.926-12.451%22%2F%3E%3Cpath%20d%3D%22M31.78%2044.523s4.023%209.238%2016.986%206.556c8.86-1.833%2012.082%204.545%2013.234%208.768a16%2016%200%200%201%20.493%204.83%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ffa7c0%22%20d%3D%22m15.036%204.719l-9.34%2021.342L32.289%2045.27l4.6-32.481z%22%2F%3E%3Cpath%20fill%3D%22%23e67a94%22%20d%3D%22m32.289%2045.27l4.6-32.481l-21.853-8.07%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m32.289%2045.27l4.6-32.481l-21.853-8.07l-9.34%2021.342zM15.398%205.522L31.78%2044.113M6.442%2025.764l29.926-12.451%22%2F%3E%3Cpath%20d%3D%22M31.78%2044.523s4.023%209.238%2016.986%206.556c8.86-1.833%2012.082%204.545%2013.234%208.768a16%2016%200%200%201%20.493%204.83%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/kite.svg?color=%231a73e8&size=48
