yarn emoji
yarn from OpenMoji by OpenMoji · Default · Activities · CC-BY-SA-4.0 Attribution required.
- Name
- yarn
- Set
- OpenMoji
- Style
- Default
- Category
- Activities
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
yarn-fillAkar IconsyarnBoxicons BrandsyarnCatppuccin IconsyarnCoreUI BrandsyarnDeviconyarnFont Awesome 6 BrandsyarnFont Awesome BrandsyarnFluent EmojiyarnFluent Emoji FlatyarnFluent Emoji High ContrastyarnLine AwesomeyarnSVG LogosyarnMaterial Icon ThemeyarnNoto EmojiyarnPhosphoryarnSimple Iconsyarn-darkSkill IconsyarnTabler IconsyarnTwitter Emoji
More activities icons from OpenMoji
Use the yarn emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="30.806" cy="34.822" r="22.224" fill="#f4aa41"/><path fill="#e27022" d="M43.294 15.825c-6.239 2.68-12.011 8.035-12.011 17.646s2.768 16.856 11.31 19.955c5.712-4.986 11.01-8.886 11.01-18.498S47.09 18.879 43.294 15.825"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="30.806" cy="34.822" r="22.224"/><path d="M43.92 17.016a22.12 22.12 0 0 1-13.114 4.28a22.12 22.12 0 0 1-13.123-4.287"/><path d="M46.735 19.66c-3.301 4.46-9.726 8.362-15.929 8.362a21.24 21.24 0 0 1-16.21-8.299"/><path d="M49.149 22.656c-2.825 6.486-10.514 12.093-18.343 12.093a21.24 21.24 0 0 1-18.463-11.688"/><path d="M51.23 26.425c-2.618 8.18-11.28 15.05-20.424 15.05a22.36 22.36 0 0 1-20.555-14.814"/><path d="M52.559 30.551a22.23 22.23 0 0 1-21.753 17.652A22.64 22.64 0 0 1 8.874 31.214m36.268 20.757c1.317.945 3.733 3.635 6.628 3.675s5.594-3.15 7.058-2.328c2.606 1.463 3.751 3.728 6.691 3.774"/><path d="M37.818 55.844a22.71 22.71 0 0 1-14.097-21.022a22.23 22.23 0 0 1 14.118-20.7"/><path d="M41.563 15.825a22.22 22.22 0 0 0-11.175 18.997A21.9 21.9 0 0 0 41.66 53.93"/><path d="M44.578 17.825a22.93 22.93 0 0 0-7.523 16.997c0 6.904 2.885 13.414 8.087 17.149"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiYarn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="30.806" cy="34.822" r="22.224" fill="#f4aa41"/><path fill="#e27022" d="M43.294 15.825c-6.239 2.68-12.011 8.035-12.011 17.646s2.768 16.856 11.31 19.955c5.712-4.986 11.01-8.886 11.01-18.498S47.09 18.879 43.294 15.825"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><circle cx="30.806" cy="34.822" r="22.224"/><path d="M43.92 17.016a22.12 22.12 0 0 1-13.114 4.28a22.12 22.12 0 0 1-13.123-4.287"/><path d="M46.735 19.66c-3.301 4.46-9.726 8.362-15.929 8.362a21.24 21.24 0 0 1-16.21-8.299"/><path d="M49.149 22.656c-2.825 6.486-10.514 12.093-18.343 12.093a21.24 21.24 0 0 1-18.463-11.688"/><path d="M51.23 26.425c-2.618 8.18-11.28 15.05-20.424 15.05a22.36 22.36 0 0 1-20.555-14.814"/><path d="M52.559 30.551a22.23 22.23 0 0 1-21.753 17.652A22.64 22.64 0 0 1 8.874 31.214m36.268 20.757c1.317.945 3.733 3.635 6.628 3.675s5.594-3.15 7.058-2.328c2.606 1.463 3.751 3.728 6.691 3.774"/><path d="M37.818 55.844a22.71 22.71 0 0 1-14.097-21.022a22.23 22.23 0 0 1 14.118-20.7"/><path d="M41.563 15.825a22.22 22.22 0 0 0-11.175 18.997A21.9 21.9 0 0 0 41.66 53.93"/><path d="M44.578 17.825a22.93 22.93 0 0 0-7.523 16.997c0 6.904 2.885 13.414 8.087 17.149"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="30.806" cy="34.822" r="22.224" fill="#f4aa41"/><path fill="#e27022" d="M43.294 15.825c-6.239 2.68-12.011 8.035-12.011 17.646s2.768 16.856 11.31 19.955c5.712-4.986 11.01-8.886 11.01-18.498S47.09 18.879 43.294 15.825"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="30.806" cy="34.822" r="22.224"/><path d="M43.92 17.016a22.12 22.12 0 0 1-13.114 4.28a22.12 22.12 0 0 1-13.123-4.287"/><path d="M46.735 19.66c-3.301 4.46-9.726 8.362-15.929 8.362a21.24 21.24 0 0 1-16.21-8.299"/><path d="M49.149 22.656c-2.825 6.486-10.514 12.093-18.343 12.093a21.24 21.24 0 0 1-18.463-11.688"/><path d="M51.23 26.425c-2.618 8.18-11.28 15.05-20.424 15.05a22.36 22.36 0 0 1-20.555-14.814"/><path d="M52.559 30.551a22.23 22.23 0 0 1-21.753 17.652A22.64 22.64 0 0 1 8.874 31.214m36.268 20.757c1.317.945 3.733 3.635 6.628 3.675s5.594-3.15 7.058-2.328c2.606 1.463 3.751 3.728 6.691 3.774"/><path d="M37.818 55.844a22.71 22.71 0 0 1-14.097-21.022a22.23 22.23 0 0 1 14.118-20.7"/><path d="M41.563 15.825a22.22 22.22 0 0 0-11.175 18.997A21.9 21.9 0 0 0 41.66 53.93"/><path d="M44.578 17.825a22.93 22.93 0 0 0-7.523 16.997c0 6.904 2.885 13.414 8.087 17.149"/></g></svg> </template>
CSS
.icon-yarn {
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%3Ccircle%20cx%3D%2230.806%22%20cy%3D%2234.822%22%20r%3D%2222.224%22%20fill%3D%22%23f4aa41%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M43.294%2015.825c-6.239%202.68-12.011%208.035-12.011%2017.646s2.768%2016.856%2011.31%2019.955c5.712-4.986%2011.01-8.886%2011.01-18.498S47.09%2018.879%2043.294%2015.825%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%3Ccircle%20cx%3D%2230.806%22%20cy%3D%2234.822%22%20r%3D%2222.224%22%2F%3E%3Cpath%20d%3D%22M43.92%2017.016a22.12%2022.12%200%200%201-13.114%204.28a22.12%2022.12%200%200%201-13.123-4.287%22%2F%3E%3Cpath%20d%3D%22M46.735%2019.66c-3.301%204.46-9.726%208.362-15.929%208.362a21.24%2021.24%200%200%201-16.21-8.299%22%2F%3E%3Cpath%20d%3D%22M49.149%2022.656c-2.825%206.486-10.514%2012.093-18.343%2012.093a21.24%2021.24%200%200%201-18.463-11.688%22%2F%3E%3Cpath%20d%3D%22M51.23%2026.425c-2.618%208.18-11.28%2015.05-20.424%2015.05a22.36%2022.36%200%200%201-20.555-14.814%22%2F%3E%3Cpath%20d%3D%22M52.559%2030.551a22.23%2022.23%200%200%201-21.753%2017.652A22.64%2022.64%200%200%201%208.874%2031.214m36.268%2020.757c1.317.945%203.733%203.635%206.628%203.675s5.594-3.15%207.058-2.328c2.606%201.463%203.751%203.728%206.691%203.774%22%2F%3E%3Cpath%20d%3D%22M37.818%2055.844a22.71%2022.71%200%200%201-14.097-21.022a22.23%2022.23%200%200%201%2014.118-20.7%22%2F%3E%3Cpath%20d%3D%22M41.563%2015.825a22.22%2022.22%200%200%200-11.175%2018.997A21.9%2021.9%200%200%200%2041.66%2053.93%22%2F%3E%3Cpath%20d%3D%22M44.578%2017.825a22.93%2022.93%200%200%200-7.523%2016.997c0%206.904%202.885%2013.414%208.087%2017.149%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%3Ccircle%20cx%3D%2230.806%22%20cy%3D%2234.822%22%20r%3D%2222.224%22%20fill%3D%22%23f4aa41%22%2F%3E%3Cpath%20fill%3D%22%23e27022%22%20d%3D%22M43.294%2015.825c-6.239%202.68-12.011%208.035-12.011%2017.646s2.768%2016.856%2011.31%2019.955c5.712-4.986%2011.01-8.886%2011.01-18.498S47.09%2018.879%2043.294%2015.825%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%3Ccircle%20cx%3D%2230.806%22%20cy%3D%2234.822%22%20r%3D%2222.224%22%2F%3E%3Cpath%20d%3D%22M43.92%2017.016a22.12%2022.12%200%200%201-13.114%204.28a22.12%2022.12%200%200%201-13.123-4.287%22%2F%3E%3Cpath%20d%3D%22M46.735%2019.66c-3.301%204.46-9.726%208.362-15.929%208.362a21.24%2021.24%200%200%201-16.21-8.299%22%2F%3E%3Cpath%20d%3D%22M49.149%2022.656c-2.825%206.486-10.514%2012.093-18.343%2012.093a21.24%2021.24%200%200%201-18.463-11.688%22%2F%3E%3Cpath%20d%3D%22M51.23%2026.425c-2.618%208.18-11.28%2015.05-20.424%2015.05a22.36%2022.36%200%200%201-20.555-14.814%22%2F%3E%3Cpath%20d%3D%22M52.559%2030.551a22.23%2022.23%200%200%201-21.753%2017.652A22.64%2022.64%200%200%201%208.874%2031.214m36.268%2020.757c1.317.945%203.733%203.635%206.628%203.675s5.594-3.15%207.058-2.328c2.606%201.463%203.751%203.728%206.691%203.774%22%2F%3E%3Cpath%20d%3D%22M37.818%2055.844a22.71%2022.71%200%200%201-14.097-21.022a22.23%2022.23%200%200%201%2014.118-20.7%22%2F%3E%3Cpath%20d%3D%22M41.563%2015.825a22.22%2022.22%200%200%200-11.175%2018.997A21.9%2021.9%200%200%200%2041.66%2053.93%22%2F%3E%3Cpath%20d%3D%22M44.578%2017.825a22.93%2022.93%200%200%200-7.523%2016.997c0%206.904%202.885%2013.414%208.087%2017.149%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/yarn.svg?color=%231a73e8&size=48
