yarn emoji

yarn from Fluent Emoji High Contrast by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.

Name
yarn
Set
Fluent Emoji High Contrast
Style
Default
Category
Activities
Viewbox
32×32
License
MIT

The same emoji in other sets

yarn-fillAkar IconsyarnBoxicons BrandsyarnCatppuccin IconsyarnCoreUI BrandsyarnDeviconyarnFont Awesome 6 BrandsyarnFont Awesome BrandsyarnFluent EmojiyarnFluent Emoji FlatyarnLine AwesomeyarnSVG LogosyarnMaterial Icon ThemeyarnNoto EmojiyarnOpenMojiyarnPhosphoryarnSimple Iconsyarn-darkSkill IconsyarnTabler IconsyarnTwitter Emoji

More activities icons from Fluent Emoji High Contrast

1st-place-medal2nd-place-medal3rd-place-medaladmission-ticketsamerican-footballartist-palettebadmintonballoonbaseballbasketballbowlingboxing-glovebullseyecarp-streamerchess-pawnchristmas-treeclub-suitconfetti-ballcricket-gamecrystal-ballcurling-stonediamond-suitdiving-maskfield-hockey

Use the yarn emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m25.065 21.973l-.225-.112A10.486 10.486 0 0 0 11.794 6.123l-1.13-2.595a.855.855 0 0 0-1.46-.2a.91.91 0 0 0-.093 1.012L10.5 6.89A10.5 10.5 0 0 0 8 9.348L5.42 7.2a.844.844 0 0 0-1.262.213a1 1 0 0 0 .254 1.349l2.772 1.91a10.49 10.49 0 0 0 16.993 11.975l.44.221A2.181 2.181 0 0 1 23.642 27H15a2 2 0 1 0 0 4h4a.5.5 0 1 0 0-1h-4a1 1 0 0 1 0-2h8.642a3.18 3.18 0 0 0 1.423-6.027m-2.288-.911A19.98 19.98 0 0 1 11.138 8.908l.106-.08c.2-.16.414-.313.633-.455q.479-.31.995-.551q.222.642.5 1.291q.213.507.458 1.014a20 20 0 0 0 1.439 2.508q.571.849 1.231 1.632q.322.38.668.745a17 17 0 0 0 2.386 2.086a16.7 16.7 0 0 0 2.575 1.521a17 17 0 0 0 1.924.776a8.6 8.6 0 0 1-1.084 1.615a.5.5 0 0 0-.192.052m-8.14-11.556c1.169-.87 2.41-1.64 3.708-2.3a8.4 8.4 0 0 1 2.563 1.035a26.4 26.4 0 0 0-5.38 2.944a19 19 0 0 1-.891-1.679m3.308 4.873a13.2 13.2 0 0 1 6.085-2.814c.335.641.587 1.323.748 2.029a12.5 12.5 0 0 0-5.22 2.255q-.857-.68-1.613-1.47m6.509 4.1a20 20 0 0 1-1.151-.427a8 8 0 0 1 1.418-.421a9 9 0 0 1-.267.844zm.47-1.9a9.1 9.1 0 0 0-2.817.915a16 16 0 0 1-1.7-1.016a11.25 11.25 0 0 1 4.54-1.9a8 8 0 0 1-.024 2zm-1.456-5.939a14.7 14.7 0 0 0-6.195 2.995a18 18 0 0 1-1.211-1.6a25.7 25.7 0 0 1 5.828-3.1a8.6 8.6 0 0 1 1.578 1.705m-6.843-3.634q-1.26.675-2.427 1.5a22 22 0 0 1-.4-1.06A8.5 8.5 0 0 1 16.5 7c.042 0 .083.006.125.006m-6.923 3.407a9 9 0 0 1 .539-.65q.053-.06.108-.118a20.92 20.92 0 0 0 11.756 12.234a8.5 8.5 0 0 1-2.005 1.314a22 22 0 0 1-2.637-1.461a21 21 0 0 1-2.179-1.622a22 22 0 0 1-2.217-2.169a23 23 0 0 1-1.96-2.54a25 25 0 0 1-1.563-2.674c-.2-.391-.558-1.174-.557-1.171q.047-.092.1-.181q-.04.066-.082.131q.305-.573.695-1.093zm9.106 13.261q-.617.175-1.253.254q.106-.406.28-.789q.476.278.973.535m-5.189-.185a8.5 8.5 0 0 1-1.882-.949c.24-.776.566-1.522.972-2.225q.22-.39.474-.786q.729.735 1.546 1.424q-.187.31-.351.618a8.6 8.6 0 0 0-.759 1.918M8.452 12.782q.19.395.4.789q-.417.536-.809 1.107c.063-.646.2-1.282.409-1.896m2.024 3.475c-.638.924-1.18 1.91-1.621 2.943a8.4 8.4 0 0 1-.786-2.662q.612-1.02 1.337-1.962q.494.845 1.07 1.681m-1 4.031l.015.02c.41-1.122.95-2.191 1.609-3.186q.64.848 1.375 1.661c-.23.348-.444.7-.638 1.042q-.564.986-.94 2.057a8.6 8.6 0 0 1-1.404-1.574zm5.086 3.466a7.4 7.4 0 0 1 .683-1.735q.12-.224.254-.454q.7.535 1.461 1.027A5.6 5.6 0 0 0 16.517 24H16.5a8.5 8.5 0 0 1-1.921-.226z"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastYarn(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m25.065 21.973l-.225-.112A10.486 10.486 0 0 0 11.794 6.123l-1.13-2.595a.855.855 0 0 0-1.46-.2a.91.91 0 0 0-.093 1.012L10.5 6.89A10.5 10.5 0 0 0 8 9.348L5.42 7.2a.844.844 0 0 0-1.262.213a1 1 0 0 0 .254 1.349l2.772 1.91a10.49 10.49 0 0 0 16.993 11.975l.44.221A2.181 2.181 0 0 1 23.642 27H15a2 2 0 1 0 0 4h4a.5.5 0 1 0 0-1h-4a1 1 0 0 1 0-2h8.642a3.18 3.18 0 0 0 1.423-6.027m-2.288-.911A19.98 19.98 0 0 1 11.138 8.908l.106-.08c.2-.16.414-.313.633-.455q.479-.31.995-.551q.222.642.5 1.291q.213.507.458 1.014a20 20 0 0 0 1.439 2.508q.571.849 1.231 1.632q.322.38.668.745a17 17 0 0 0 2.386 2.086a16.7 16.7 0 0 0 2.575 1.521a17 17 0 0 0 1.924.776a8.6 8.6 0 0 1-1.084 1.615a.5.5 0 0 0-.192.052m-8.14-11.556c1.169-.87 2.41-1.64 3.708-2.3a8.4 8.4 0 0 1 2.563 1.035a26.4 26.4 0 0 0-5.38 2.944a19 19 0 0 1-.891-1.679m3.308 4.873a13.2 13.2 0 0 1 6.085-2.814c.335.641.587 1.323.748 2.029a12.5 12.5 0 0 0-5.22 2.255q-.857-.68-1.613-1.47m6.509 4.1a20 20 0 0 1-1.151-.427a8 8 0 0 1 1.418-.421a9 9 0 0 1-.267.844zm.47-1.9a9.1 9.1 0 0 0-2.817.915a16 16 0 0 1-1.7-1.016a11.25 11.25 0 0 1 4.54-1.9a8 8 0 0 1-.024 2zm-1.456-5.939a14.7 14.7 0 0 0-6.195 2.995a18 18 0 0 1-1.211-1.6a25.7 25.7 0 0 1 5.828-3.1a8.6 8.6 0 0 1 1.578 1.705m-6.843-3.634q-1.26.675-2.427 1.5a22 22 0 0 1-.4-1.06A8.5 8.5 0 0 1 16.5 7c.042 0 .083.006.125.006m-6.923 3.407a9 9 0 0 1 .539-.65q.053-.06.108-.118a20.92 20.92 0 0 0 11.756 12.234a8.5 8.5 0 0 1-2.005 1.314a22 22 0 0 1-2.637-1.461a21 21 0 0 1-2.179-1.622a22 22 0 0 1-2.217-2.169a23 23 0 0 1-1.96-2.54a25 25 0 0 1-1.563-2.674c-.2-.391-.558-1.174-.557-1.171q.047-.092.1-.181q-.04.066-.082.131q.305-.573.695-1.093zm9.106 13.261q-.617.175-1.253.254q.106-.406.28-.789q.476.278.973.535m-5.189-.185a8.5 8.5 0 0 1-1.882-.949c.24-.776.566-1.522.972-2.225q.22-.39.474-.786q.729.735 1.546 1.424q-.187.31-.351.618a8.6 8.6 0 0 0-.759 1.918M8.452 12.782q.19.395.4.789q-.417.536-.809 1.107c.063-.646.2-1.282.409-1.896m2.024 3.475c-.638.924-1.18 1.91-1.621 2.943a8.4 8.4 0 0 1-.786-2.662q.612-1.02 1.337-1.962q.494.845 1.07 1.681m-1 4.031l.015.02c.41-1.122.95-2.191 1.609-3.186q.64.848 1.375 1.661c-.23.348-.444.7-.638 1.042q-.564.986-.94 2.057a8.6 8.6 0 0 1-1.404-1.574zm5.086 3.466a7.4 7.4 0 0 1 .683-1.735q.12-.224.254-.454q.7.535 1.461 1.027A5.6 5.6 0 0 0 16.517 24H16.5a8.5 8.5 0 0 1-1.921-.226z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m25.065 21.973l-.225-.112A10.486 10.486 0 0 0 11.794 6.123l-1.13-2.595a.855.855 0 0 0-1.46-.2a.91.91 0 0 0-.093 1.012L10.5 6.89A10.5 10.5 0 0 0 8 9.348L5.42 7.2a.844.844 0 0 0-1.262.213a1 1 0 0 0 .254 1.349l2.772 1.91a10.49 10.49 0 0 0 16.993 11.975l.44.221A2.181 2.181 0 0 1 23.642 27H15a2 2 0 1 0 0 4h4a.5.5 0 1 0 0-1h-4a1 1 0 0 1 0-2h8.642a3.18 3.18 0 0 0 1.423-6.027m-2.288-.911A19.98 19.98 0 0 1 11.138 8.908l.106-.08c.2-.16.414-.313.633-.455q.479-.31.995-.551q.222.642.5 1.291q.213.507.458 1.014a20 20 0 0 0 1.439 2.508q.571.849 1.231 1.632q.322.38.668.745a17 17 0 0 0 2.386 2.086a16.7 16.7 0 0 0 2.575 1.521a17 17 0 0 0 1.924.776a8.6 8.6 0 0 1-1.084 1.615a.5.5 0 0 0-.192.052m-8.14-11.556c1.169-.87 2.41-1.64 3.708-2.3a8.4 8.4 0 0 1 2.563 1.035a26.4 26.4 0 0 0-5.38 2.944a19 19 0 0 1-.891-1.679m3.308 4.873a13.2 13.2 0 0 1 6.085-2.814c.335.641.587 1.323.748 2.029a12.5 12.5 0 0 0-5.22 2.255q-.857-.68-1.613-1.47m6.509 4.1a20 20 0 0 1-1.151-.427a8 8 0 0 1 1.418-.421a9 9 0 0 1-.267.844zm.47-1.9a9.1 9.1 0 0 0-2.817.915a16 16 0 0 1-1.7-1.016a11.25 11.25 0 0 1 4.54-1.9a8 8 0 0 1-.024 2zm-1.456-5.939a14.7 14.7 0 0 0-6.195 2.995a18 18 0 0 1-1.211-1.6a25.7 25.7 0 0 1 5.828-3.1a8.6 8.6 0 0 1 1.578 1.705m-6.843-3.634q-1.26.675-2.427 1.5a22 22 0 0 1-.4-1.06A8.5 8.5 0 0 1 16.5 7c.042 0 .083.006.125.006m-6.923 3.407a9 9 0 0 1 .539-.65q.053-.06.108-.118a20.92 20.92 0 0 0 11.756 12.234a8.5 8.5 0 0 1-2.005 1.314a22 22 0 0 1-2.637-1.461a21 21 0 0 1-2.179-1.622a22 22 0 0 1-2.217-2.169a23 23 0 0 1-1.96-2.54a25 25 0 0 1-1.563-2.674c-.2-.391-.558-1.174-.557-1.171q.047-.092.1-.181q-.04.066-.082.131q.305-.573.695-1.093zm9.106 13.261q-.617.175-1.253.254q.106-.406.28-.789q.476.278.973.535m-5.189-.185a8.5 8.5 0 0 1-1.882-.949c.24-.776.566-1.522.972-2.225q.22-.39.474-.786q.729.735 1.546 1.424q-.187.31-.351.618a8.6 8.6 0 0 0-.759 1.918M8.452 12.782q.19.395.4.789q-.417.536-.809 1.107c.063-.646.2-1.282.409-1.896m2.024 3.475c-.638.924-1.18 1.91-1.621 2.943a8.4 8.4 0 0 1-.786-2.662q.612-1.02 1.337-1.962q.494.845 1.07 1.681m-1 4.031l.015.02c.41-1.122.95-2.191 1.609-3.186q.64.848 1.375 1.661c-.23.348-.444.7-.638 1.042q-.564.986-.94 2.057a8.6 8.6 0 0 1-1.404-1.574zm5.086 3.466a7.4 7.4 0 0 1 .683-1.735q.12-.224.254-.454q.7.535 1.461 1.027A5.6 5.6 0 0 0 16.517 24H16.5a8.5 8.5 0 0 1-1.921-.226z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m25.065%2021.973l-.225-.112A10.486%2010.486%200%200%200%2011.794%206.123l-1.13-2.595a.855.855%200%200%200-1.46-.2a.91.91%200%200%200-.093%201.012L10.5%206.89A10.5%2010.5%200%200%200%208%209.348L5.42%207.2a.844.844%200%200%200-1.262.213a1%201%200%200%200%20.254%201.349l2.772%201.91a10.49%2010.49%200%200%200%2016.993%2011.975l.44.221A2.181%202.181%200%200%201%2023.642%2027H15a2%202%200%201%200%200%204h4a.5.5%200%201%200%200-1h-4a1%201%200%200%201%200-2h8.642a3.18%203.18%200%200%200%201.423-6.027m-2.288-.911A19.98%2019.98%200%200%201%2011.138%208.908l.106-.08c.2-.16.414-.313.633-.455q.479-.31.995-.551q.222.642.5%201.291q.213.507.458%201.014a20%2020%200%200%200%201.439%202.508q.571.849%201.231%201.632q.322.38.668.745a17%2017%200%200%200%202.386%202.086a16.7%2016.7%200%200%200%202.575%201.521a17%2017%200%200%200%201.924.776a8.6%208.6%200%200%201-1.084%201.615a.5.5%200%200%200-.192.052m-8.14-11.556c1.169-.87%202.41-1.64%203.708-2.3a8.4%208.4%200%200%201%202.563%201.035a26.4%2026.4%200%200%200-5.38%202.944a19%2019%200%200%201-.891-1.679m3.308%204.873a13.2%2013.2%200%200%201%206.085-2.814c.335.641.587%201.323.748%202.029a12.5%2012.5%200%200%200-5.22%202.255q-.857-.68-1.613-1.47m6.509%204.1a20%2020%200%200%201-1.151-.427a8%208%200%200%201%201.418-.421a9%209%200%200%201-.267.844zm.47-1.9a9.1%209.1%200%200%200-2.817.915a16%2016%200%200%201-1.7-1.016a11.25%2011.25%200%200%201%204.54-1.9a8%208%200%200%201-.024%202zm-1.456-5.939a14.7%2014.7%200%200%200-6.195%202.995a18%2018%200%200%201-1.211-1.6a25.7%2025.7%200%200%201%205.828-3.1a8.6%208.6%200%200%201%201.578%201.705m-6.843-3.634q-1.26.675-2.427%201.5a22%2022%200%200%201-.4-1.06A8.5%208.5%200%200%201%2016.5%207c.042%200%20.083.006.125.006m-6.923%203.407a9%209%200%200%201%20.539-.65q.053-.06.108-.118a20.92%2020.92%200%200%200%2011.756%2012.234a8.5%208.5%200%200%201-2.005%201.314a22%2022%200%200%201-2.637-1.461a21%2021%200%200%201-2.179-1.622a22%2022%200%200%201-2.217-2.169a23%2023%200%200%201-1.96-2.54a25%2025%200%200%201-1.563-2.674c-.2-.391-.558-1.174-.557-1.171q.047-.092.1-.181q-.04.066-.082.131q.305-.573.695-1.093zm9.106%2013.261q-.617.175-1.253.254q.106-.406.28-.789q.476.278.973.535m-5.189-.185a8.5%208.5%200%200%201-1.882-.949c.24-.776.566-1.522.972-2.225q.22-.39.474-.786q.729.735%201.546%201.424q-.187.31-.351.618a8.6%208.6%200%200%200-.759%201.918M8.452%2012.782q.19.395.4.789q-.417.536-.809%201.107c.063-.646.2-1.282.409-1.896m2.024%203.475c-.638.924-1.18%201.91-1.621%202.943a8.4%208.4%200%200%201-.786-2.662q.612-1.02%201.337-1.962q.494.845%201.07%201.681m-1%204.031l.015.02c.41-1.122.95-2.191%201.609-3.186q.64.848%201.375%201.661c-.23.348-.444.7-.638%201.042q-.564.986-.94%202.057a8.6%208.6%200%200%201-1.404-1.574zm5.086%203.466a7.4%207.4%200%200%201%20.683-1.735q.12-.224.254-.454q.7.535%201.461%201.027A5.6%205.6%200%200%200%2016.517%2024H16.5a8.5%208.5%200%200%201-1.921-.226z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m25.065%2021.973l-.225-.112A10.486%2010.486%200%200%200%2011.794%206.123l-1.13-2.595a.855.855%200%200%200-1.46-.2a.91.91%200%200%200-.093%201.012L10.5%206.89A10.5%2010.5%200%200%200%208%209.348L5.42%207.2a.844.844%200%200%200-1.262.213a1%201%200%200%200%20.254%201.349l2.772%201.91a10.49%2010.49%200%200%200%2016.993%2011.975l.44.221A2.181%202.181%200%200%201%2023.642%2027H15a2%202%200%201%200%200%204h4a.5.5%200%201%200%200-1h-4a1%201%200%200%201%200-2h8.642a3.18%203.18%200%200%200%201.423-6.027m-2.288-.911A19.98%2019.98%200%200%201%2011.138%208.908l.106-.08c.2-.16.414-.313.633-.455q.479-.31.995-.551q.222.642.5%201.291q.213.507.458%201.014a20%2020%200%200%200%201.439%202.508q.571.849%201.231%201.632q.322.38.668.745a17%2017%200%200%200%202.386%202.086a16.7%2016.7%200%200%200%202.575%201.521a17%2017%200%200%200%201.924.776a8.6%208.6%200%200%201-1.084%201.615a.5.5%200%200%200-.192.052m-8.14-11.556c1.169-.87%202.41-1.64%203.708-2.3a8.4%208.4%200%200%201%202.563%201.035a26.4%2026.4%200%200%200-5.38%202.944a19%2019%200%200%201-.891-1.679m3.308%204.873a13.2%2013.2%200%200%201%206.085-2.814c.335.641.587%201.323.748%202.029a12.5%2012.5%200%200%200-5.22%202.255q-.857-.68-1.613-1.47m6.509%204.1a20%2020%200%200%201-1.151-.427a8%208%200%200%201%201.418-.421a9%209%200%200%201-.267.844zm.47-1.9a9.1%209.1%200%200%200-2.817.915a16%2016%200%200%201-1.7-1.016a11.25%2011.25%200%200%201%204.54-1.9a8%208%200%200%201-.024%202zm-1.456-5.939a14.7%2014.7%200%200%200-6.195%202.995a18%2018%200%200%201-1.211-1.6a25.7%2025.7%200%200%201%205.828-3.1a8.6%208.6%200%200%201%201.578%201.705m-6.843-3.634q-1.26.675-2.427%201.5a22%2022%200%200%201-.4-1.06A8.5%208.5%200%200%201%2016.5%207c.042%200%20.083.006.125.006m-6.923%203.407a9%209%200%200%201%20.539-.65q.053-.06.108-.118a20.92%2020.92%200%200%200%2011.756%2012.234a8.5%208.5%200%200%201-2.005%201.314a22%2022%200%200%201-2.637-1.461a21%2021%200%200%201-2.179-1.622a22%2022%200%200%201-2.217-2.169a23%2023%200%200%201-1.96-2.54a25%2025%200%200%201-1.563-2.674c-.2-.391-.558-1.174-.557-1.171q.047-.092.1-.181q-.04.066-.082.131q.305-.573.695-1.093zm9.106%2013.261q-.617.175-1.253.254q.106-.406.28-.789q.476.278.973.535m-5.189-.185a8.5%208.5%200%200%201-1.882-.949c.24-.776.566-1.522.972-2.225q.22-.39.474-.786q.729.735%201.546%201.424q-.187.31-.351.618a8.6%208.6%200%200%200-.759%201.918M8.452%2012.782q.19.395.4.789q-.417.536-.809%201.107c.063-.646.2-1.282.409-1.896m2.024%203.475c-.638.924-1.18%201.91-1.621%202.943a8.4%208.4%200%200%201-.786-2.662q.612-1.02%201.337-1.962q.494.845%201.07%201.681m-1%204.031l.015.02c.41-1.122.95-2.191%201.609-3.186q.64.848%201.375%201.661c-.23.348-.444.7-.638%201.042q-.564.986-.94%202.057a8.6%208.6%200%200%201-1.404-1.574zm5.086%203.466a7.4%207.4%200%200%201%20.683-1.735q.12-.224.254-.454q.7.535%201.461%201.027A5.6%205.6%200%200%200%2016.517%2024H16.5a8.5%208.5%200%200%201-1.921-.226z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/yarn.svg?color=%231a73e8&size=48