wind chime emoji
wind-chime from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- wind-chime
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Emoji One (Colored)
Use the wind chime emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#6adbc6" d="M29.2 19.3C25.8 8.8 16 9.5 16 9.5s-9.8-.7-13.1 9.8C-.5 29.8 7.2 39.5 7.2 39.5c.1.6 4.2 1.1 9.2 1.1s9.1-.5 9.2-1.1c0 0 7-9.7 3.6-20.2"/><g fill="#ed4c5c"><path d="M15.6 2h1v7.5h-1z"/><circle cx="16.1" cy="6.6" r="1.5"/></g><path fill="#6adbc6" d="M14.6 8.1h3v1.6h-3zm.1 32.5h2.9v3.6h-2.9z"/><path fill="#ffc7ce" d="M15.6 10.3h1v33.9h-1z"/><path fill="#fff" d="M16.3 39.7c-2.2 0-4.3-.1-5.9-.3q-1.2-.15-1.8-.3c-.3-.1-.9-.3-.9-.8s.6-.7.9-.8c.4-.1 1.1-.2 1.8-.3c1.6-.2 3.7-.3 5.9-.3s4.3.1 5.9.3q1.2.15 1.8.3c.3.1.9.3.9.8s-.6.7-.9.8c-.4.1-1.1.2-1.8.3c-1.6.2-3.7.3-5.9.3m-7.6-1.4c.3.1.9.3 2.2.4c1.5.2 3.4.3 5.4.3s3.9-.1 5.4-.3c1.3-.1 1.9-.3 2.2-.4c-.3-.1-.9-.3-2.2-.4c-1.5-.2-3.4-.3-5.4-.3s-3.9.1-5.4.3c-1.3.1-1.9.3-2.2.4"/><g fill="#ed4c5c"><path d="M26.6 49.5c-8.8 1.1-11-5.3-11-5.3h1s2.2 5.7 10.4 4.4z"/><path d="m23.881 55.277l5.084-12.073l.553.233l-5.084 12.073z"/></g><path fill="#e6eff4" d="M24.4 55.5s7 6 18.8 3.9S59.7 62 59.7 62L62 48.2s-4.4-5-20.1-1.6c-9.6 2.1-12.3-3.2-12.3-3.2z"/><g fill="#f46767"><path d="M36.2 53.4c.5.8-.1 2-1.3 2.6s-2.5.5-2.9-.4c-.5-.8.1-2 1.3-2.6c1.1-.6 2.4-.5 2.9.4"/><ellipse cx="49.8" cy="49.2" rx="3.5" ry="2.5" transform="rotate(-28.694 49.846 49.175)"/></g><g fill="#83bf4f"><ellipse cx="39.5" cy="50.5" rx="1.8" ry="1.3" transform="rotate(-28.682 39.511 50.503)"/><ellipse cx="44.5" cy="55.5" rx="2.5" ry="1.8" transform="rotate(-28.67 44.514 55.544)"/><ellipse cx="55" cy="54.5" rx="1.9" ry="1.8" transform="rotate(-28.682 54.972 54.519)"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneWindChime(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#6adbc6" d="M29.2 19.3C25.8 8.8 16 9.5 16 9.5s-9.8-.7-13.1 9.8C-.5 29.8 7.2 39.5 7.2 39.5c.1.6 4.2 1.1 9.2 1.1s9.1-.5 9.2-1.1c0 0 7-9.7 3.6-20.2"/><g fill="#ed4c5c"><path d="M15.6 2h1v7.5h-1z"/><circle cx="16.1" cy="6.6" r="1.5"/></g><path fill="#6adbc6" d="M14.6 8.1h3v1.6h-3zm.1 32.5h2.9v3.6h-2.9z"/><path fill="#ffc7ce" d="M15.6 10.3h1v33.9h-1z"/><path fill="#fff" d="M16.3 39.7c-2.2 0-4.3-.1-5.9-.3q-1.2-.15-1.8-.3c-.3-.1-.9-.3-.9-.8s.6-.7.9-.8c.4-.1 1.1-.2 1.8-.3c1.6-.2 3.7-.3 5.9-.3s4.3.1 5.9.3q1.2.15 1.8.3c.3.1.9.3.9.8s-.6.7-.9.8c-.4.1-1.1.2-1.8.3c-1.6.2-3.7.3-5.9.3m-7.6-1.4c.3.1.9.3 2.2.4c1.5.2 3.4.3 5.4.3s3.9-.1 5.4-.3c1.3-.1 1.9-.3 2.2-.4c-.3-.1-.9-.3-2.2-.4c-1.5-.2-3.4-.3-5.4-.3s-3.9.1-5.4.3c-1.3.1-1.9.3-2.2.4"/><g fill="#ed4c5c"><path d="M26.6 49.5c-8.8 1.1-11-5.3-11-5.3h1s2.2 5.7 10.4 4.4z"/><path d="m23.881 55.277l5.084-12.073l.553.233l-5.084 12.073z"/></g><path fill="#e6eff4" d="M24.4 55.5s7 6 18.8 3.9S59.7 62 59.7 62L62 48.2s-4.4-5-20.1-1.6c-9.6 2.1-12.3-3.2-12.3-3.2z"/><g fill="#f46767"><path d="M36.2 53.4c.5.8-.1 2-1.3 2.6s-2.5.5-2.9-.4c-.5-.8.1-2 1.3-2.6c1.1-.6 2.4-.5 2.9.4"/><ellipse cx="49.8" cy="49.2" rx="3.5" ry="2.5" transform="rotate(-28.694 49.846 49.175)"/></g><g fill="#83bf4f"><ellipse cx="39.5" cy="50.5" rx="1.8" ry="1.3" transform="rotate(-28.682 39.511 50.503)"/><ellipse cx="44.5" cy="55.5" rx="2.5" ry="1.8" transform="rotate(-28.67 44.514 55.544)"/><ellipse cx="55" cy="54.5" rx="1.9" ry="1.8" transform="rotate(-28.682 54.972 54.519)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#6adbc6" d="M29.2 19.3C25.8 8.8 16 9.5 16 9.5s-9.8-.7-13.1 9.8C-.5 29.8 7.2 39.5 7.2 39.5c.1.6 4.2 1.1 9.2 1.1s9.1-.5 9.2-1.1c0 0 7-9.7 3.6-20.2"/><g fill="#ed4c5c"><path d="M15.6 2h1v7.5h-1z"/><circle cx="16.1" cy="6.6" r="1.5"/></g><path fill="#6adbc6" d="M14.6 8.1h3v1.6h-3zm.1 32.5h2.9v3.6h-2.9z"/><path fill="#ffc7ce" d="M15.6 10.3h1v33.9h-1z"/><path fill="#fff" d="M16.3 39.7c-2.2 0-4.3-.1-5.9-.3q-1.2-.15-1.8-.3c-.3-.1-.9-.3-.9-.8s.6-.7.9-.8c.4-.1 1.1-.2 1.8-.3c1.6-.2 3.7-.3 5.9-.3s4.3.1 5.9.3q1.2.15 1.8.3c.3.1.9.3.9.8s-.6.7-.9.8c-.4.1-1.1.2-1.8.3c-1.6.2-3.7.3-5.9.3m-7.6-1.4c.3.1.9.3 2.2.4c1.5.2 3.4.3 5.4.3s3.9-.1 5.4-.3c1.3-.1 1.9-.3 2.2-.4c-.3-.1-.9-.3-2.2-.4c-1.5-.2-3.4-.3-5.4-.3s-3.9.1-5.4.3c-1.3.1-1.9.3-2.2.4"/><g fill="#ed4c5c"><path d="M26.6 49.5c-8.8 1.1-11-5.3-11-5.3h1s2.2 5.7 10.4 4.4z"/><path d="m23.881 55.277l5.084-12.073l.553.233l-5.084 12.073z"/></g><path fill="#e6eff4" d="M24.4 55.5s7 6 18.8 3.9S59.7 62 59.7 62L62 48.2s-4.4-5-20.1-1.6c-9.6 2.1-12.3-3.2-12.3-3.2z"/><g fill="#f46767"><path d="M36.2 53.4c.5.8-.1 2-1.3 2.6s-2.5.5-2.9-.4c-.5-.8.1-2 1.3-2.6c1.1-.6 2.4-.5 2.9.4"/><ellipse cx="49.8" cy="49.2" rx="3.5" ry="2.5" transform="rotate(-28.694 49.846 49.175)"/></g><g fill="#83bf4f"><ellipse cx="39.5" cy="50.5" rx="1.8" ry="1.3" transform="rotate(-28.682 39.511 50.503)"/><ellipse cx="44.5" cy="55.5" rx="2.5" ry="1.8" transform="rotate(-28.67 44.514 55.544)"/><ellipse cx="55" cy="54.5" rx="1.9" ry="1.8" transform="rotate(-28.682 54.972 54.519)"/></g></svg> </template>
CSS
.icon-wind-chime {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%236adbc6%22%20d%3D%22M29.2%2019.3C25.8%208.8%2016%209.5%2016%209.5s-9.8-.7-13.1%209.8C-.5%2029.8%207.2%2039.5%207.2%2039.5c.1.6%204.2%201.1%209.2%201.1s9.1-.5%209.2-1.1c0%200%207-9.7%203.6-20.2%22%2F%3E%3Cg%20fill%3D%22%23ed4c5c%22%3E%3Cpath%20d%3D%22M15.6%202h1v7.5h-1z%22%2F%3E%3Ccircle%20cx%3D%2216.1%22%20cy%3D%226.6%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%236adbc6%22%20d%3D%22M14.6%208.1h3v1.6h-3zm.1%2032.5h2.9v3.6h-2.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffc7ce%22%20d%3D%22M15.6%2010.3h1v33.9h-1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.3%2039.7c-2.2%200-4.3-.1-5.9-.3q-1.2-.15-1.8-.3c-.3-.1-.9-.3-.9-.8s.6-.7.9-.8c.4-.1%201.1-.2%201.8-.3c1.6-.2%203.7-.3%205.9-.3s4.3.1%205.9.3q1.2.15%201.8.3c.3.1.9.3.9.8s-.6.7-.9.8c-.4.1-1.1.2-1.8.3c-1.6.2-3.7.3-5.9.3m-7.6-1.4c.3.1.9.3%202.2.4c1.5.2%203.4.3%205.4.3s3.9-.1%205.4-.3c1.3-.1%201.9-.3%202.2-.4c-.3-.1-.9-.3-2.2-.4c-1.5-.2-3.4-.3-5.4-.3s-3.9.1-5.4.3c-1.3.1-1.9.3-2.2.4%22%2F%3E%3Cg%20fill%3D%22%23ed4c5c%22%3E%3Cpath%20d%3D%22M26.6%2049.5c-8.8%201.1-11-5.3-11-5.3h1s2.2%205.7%2010.4%204.4z%22%2F%3E%3Cpath%20d%3D%22m23.881%2055.277l5.084-12.073l.553.233l-5.084%2012.073z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23e6eff4%22%20d%3D%22M24.4%2055.5s7%206%2018.8%203.9S59.7%2062%2059.7%2062L62%2048.2s-4.4-5-20.1-1.6c-9.6%202.1-12.3-3.2-12.3-3.2z%22%2F%3E%3Cg%20fill%3D%22%23f46767%22%3E%3Cpath%20d%3D%22M36.2%2053.4c.5.8-.1%202-1.3%202.6s-2.5.5-2.9-.4c-.5-.8.1-2%201.3-2.6c1.1-.6%202.4-.5%202.9.4%22%2F%3E%3Cellipse%20cx%3D%2249.8%22%20cy%3D%2249.2%22%20rx%3D%223.5%22%20ry%3D%222.5%22%20transform%3D%22rotate(-28.694%2049.846%2049.175)%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2383bf4f%22%3E%3Cellipse%20cx%3D%2239.5%22%20cy%3D%2250.5%22%20rx%3D%221.8%22%20ry%3D%221.3%22%20transform%3D%22rotate(-28.682%2039.511%2050.503)%22%2F%3E%3Cellipse%20cx%3D%2244.5%22%20cy%3D%2255.5%22%20rx%3D%222.5%22%20ry%3D%221.8%22%20transform%3D%22rotate(-28.67%2044.514%2055.544)%22%2F%3E%3Cellipse%20cx%3D%2255%22%20cy%3D%2254.5%22%20rx%3D%221.9%22%20ry%3D%221.8%22%20transform%3D%22rotate(-28.682%2054.972%2054.519)%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%2064%2064%22%3E%3Cpath%20fill%3D%22%236adbc6%22%20d%3D%22M29.2%2019.3C25.8%208.8%2016%209.5%2016%209.5s-9.8-.7-13.1%209.8C-.5%2029.8%207.2%2039.5%207.2%2039.5c.1.6%204.2%201.1%209.2%201.1s9.1-.5%209.2-1.1c0%200%207-9.7%203.6-20.2%22%2F%3E%3Cg%20fill%3D%22%23ed4c5c%22%3E%3Cpath%20d%3D%22M15.6%202h1v7.5h-1z%22%2F%3E%3Ccircle%20cx%3D%2216.1%22%20cy%3D%226.6%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%236adbc6%22%20d%3D%22M14.6%208.1h3v1.6h-3zm.1%2032.5h2.9v3.6h-2.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffc7ce%22%20d%3D%22M15.6%2010.3h1v33.9h-1z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.3%2039.7c-2.2%200-4.3-.1-5.9-.3q-1.2-.15-1.8-.3c-.3-.1-.9-.3-.9-.8s.6-.7.9-.8c.4-.1%201.1-.2%201.8-.3c1.6-.2%203.7-.3%205.9-.3s4.3.1%205.9.3q1.2.15%201.8.3c.3.1.9.3.9.8s-.6.7-.9.8c-.4.1-1.1.2-1.8.3c-1.6.2-3.7.3-5.9.3m-7.6-1.4c.3.1.9.3%202.2.4c1.5.2%203.4.3%205.4.3s3.9-.1%205.4-.3c1.3-.1%201.9-.3%202.2-.4c-.3-.1-.9-.3-2.2-.4c-1.5-.2-3.4-.3-5.4-.3s-3.9.1-5.4.3c-1.3.1-1.9.3-2.2.4%22%2F%3E%3Cg%20fill%3D%22%23ed4c5c%22%3E%3Cpath%20d%3D%22M26.6%2049.5c-8.8%201.1-11-5.3-11-5.3h1s2.2%205.7%2010.4%204.4z%22%2F%3E%3Cpath%20d%3D%22m23.881%2055.277l5.084-12.073l.553.233l-5.084%2012.073z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23e6eff4%22%20d%3D%22M24.4%2055.5s7%206%2018.8%203.9S59.7%2062%2059.7%2062L62%2048.2s-4.4-5-20.1-1.6c-9.6%202.1-12.3-3.2-12.3-3.2z%22%2F%3E%3Cg%20fill%3D%22%23f46767%22%3E%3Cpath%20d%3D%22M36.2%2053.4c.5.8-.1%202-1.3%202.6s-2.5.5-2.9-.4c-.5-.8.1-2%201.3-2.6c1.1-.6%202.4-.5%202.9.4%22%2F%3E%3Cellipse%20cx%3D%2249.8%22%20cy%3D%2249.2%22%20rx%3D%223.5%22%20ry%3D%222.5%22%20transform%3D%22rotate(-28.694%2049.846%2049.175)%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2383bf4f%22%3E%3Cellipse%20cx%3D%2239.5%22%20cy%3D%2250.5%22%20rx%3D%221.8%22%20ry%3D%221.3%22%20transform%3D%22rotate(-28.682%2039.511%2050.503)%22%2F%3E%3Cellipse%20cx%3D%2244.5%22%20cy%3D%2255.5%22%20rx%3D%222.5%22%20ry%3D%221.8%22%20transform%3D%22rotate(-28.67%2044.514%2055.544)%22%2F%3E%3Cellipse%20cx%3D%2255%22%20cy%3D%2254.5%22%20rx%3D%221.9%22%20ry%3D%221.8%22%20transform%3D%22rotate(-28.682%2054.972%2054.519)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/wind-chime.svg?color=%231a73e8&size=48
