yarn logo
yarn from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- yarn
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
yarn-fillAkar IconsyarnCatppuccin IconsyarnCoreUI BrandsyarnDeviconyarnFont Awesome 6 BrandsyarnFont Awesome BrandsyarnFluent EmojiyarnFluent Emoji FlatyarnFluent Emoji High ContrastyarnLine AwesomeyarnSVG LogosyarnMaterial Icon ThemeyarnNoto EmojiyarnOpenMojiyarnPhosphoryarnSimple Iconsyarn-darkSkill IconsyarnTabler IconsyarnTwitter Emoji
Use the yarn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.68 14.69c-.7 0-1.31.37-1.83.69c-.97.6-1.45.56-1.45.56l-.02-.03c-.07-.11.31-1.08-.11-2.23c-.46-1.26-1.18-1.57-1.12-1.66c.25-.42.86-1.08 1.11-2.32c.15-.75.11-1.98-.22-2.63c-.06-.12-.61.2-.61.2s-.51-1.14-.66-1.24c-.46-.3-.97 1.23-.97 1.23s-1.06-.17-1.89.73c-.17.18-.39.28-.62.37c-.07.02-.15.02-.35.56c-.31.83.52 1.75.52 1.75s-.99.7-1.36 1.57c-.41.95-.28 1.88-.28 1.88s-.7.61-.75 1.24c-.04.55.12 1 .29 1.26c.19.29.42.15.42.15s-.47.54-.03.78c.4.21 1.07.33 1.42-.03c.26-.26.31-.83.41-1.07c.02-.05.1.09.17.17c.08.08.22.16.22.16s-.63.27-.37.89c.08.2.39.34.89.33c.19 0 2.22-.12 2.76-.25c.31-.07.42-.24.42-.24s1.31-.36 2.5-1.13c.76-.5 1.08-.63 1.69-.78c.51-.12.47-.92-.2-.9Z"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m6.02 14.17c-.54.13-.79.23-1.52.7c-1.03.66-2.12 1.03-2.51 1.16c-.12.1-.31.22-.59.29c-.61.15-2.72.26-2.89.26h-.04c-.65 0-1.01-.2-1.21-.41c-.55.27-1.26.16-1.77-.11a.9.9 0 0 1-.48-.63a.9.9 0 0 1 0-.33c-.05-.05-.09-.1-.13-.16c-.14-.21-.44-.78-.38-1.62c.05-.6.46-1.14.73-1.42c-.01-.4.02-1.13.34-1.88c.25-.61.74-1.12 1.1-1.45c-.27-.45-.54-1.14-.27-1.84c.19-.5.34-.78.68-.9c.17-.06.32-.13.41-.22c.65-.71 1.42-.88 1.92-.92c.03-.08.07-.15.1-.24c.26-.55.53-.86.85-.97a.78.78 0 0 1 .71.08c.1.07.24.15.63.96c.26-.07.39-.03.46-.02c.17.05.31.16.39.31c.4.76.45 2.13.28 3c-.2 1.03-.63 1.69-.94 2.15c.27.27.65.75.93 1.52c.23.64.26 1.23.23 1.68c.14-.07.31-.15.5-.27c.49-.31 1.24-.76 2.13-.78c.59 0 1.06.37 1.13.92c.07.53-.26 1.01-.79 1.14"/></svg>
React
import type { SVGProps } from "react";
export function BxlYarn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.68 14.69c-.7 0-1.31.37-1.83.69c-.97.6-1.45.56-1.45.56l-.02-.03c-.07-.11.31-1.08-.11-2.23c-.46-1.26-1.18-1.57-1.12-1.66c.25-.42.86-1.08 1.11-2.32c.15-.75.11-1.98-.22-2.63c-.06-.12-.61.2-.61.2s-.51-1.14-.66-1.24c-.46-.3-.97 1.23-.97 1.23s-1.06-.17-1.89.73c-.17.18-.39.28-.62.37c-.07.02-.15.02-.35.56c-.31.83.52 1.75.52 1.75s-.99.7-1.36 1.57c-.41.95-.28 1.88-.28 1.88s-.7.61-.75 1.24c-.04.55.12 1 .29 1.26c.19.29.42.15.42.15s-.47.54-.03.78c.4.21 1.07.33 1.42-.03c.26-.26.31-.83.41-1.07c.02-.05.1.09.17.17c.08.08.22.16.22.16s-.63.27-.37.89c.08.2.39.34.89.33c.19 0 2.22-.12 2.76-.25c.31-.07.42-.24.42-.24s1.31-.36 2.5-1.13c.76-.5 1.08-.63 1.69-.78c.51-.12.47-.92-.2-.9Z"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m6.02 14.17c-.54.13-.79.23-1.52.7c-1.03.66-2.12 1.03-2.51 1.16c-.12.1-.31.22-.59.29c-.61.15-2.72.26-2.89.26h-.04c-.65 0-1.01-.2-1.21-.41c-.55.27-1.26.16-1.77-.11a.9.9 0 0 1-.48-.63a.9.9 0 0 1 0-.33c-.05-.05-.09-.1-.13-.16c-.14-.21-.44-.78-.38-1.62c.05-.6.46-1.14.73-1.42c-.01-.4.02-1.13.34-1.88c.25-.61.74-1.12 1.1-1.45c-.27-.45-.54-1.14-.27-1.84c.19-.5.34-.78.68-.9c.17-.06.32-.13.41-.22c.65-.71 1.42-.88 1.92-.92c.03-.08.07-.15.1-.24c.26-.55.53-.86.85-.97a.78.78 0 0 1 .71.08c.1.07.24.15.63.96c.26-.07.39-.03.46-.02c.17.05.31.16.39.31c.4.76.45 2.13.28 3c-.2 1.03-.63 1.69-.94 2.15c.27.27.65.75.93 1.52c.23.64.26 1.23.23 1.68c.14-.07.31-.15.5-.27c.49-.31 1.24-.76 2.13-.78c.59 0 1.06.37 1.13.92c.07.53-.26 1.01-.79 1.14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.68 14.69c-.7 0-1.31.37-1.83.69c-.97.6-1.45.56-1.45.56l-.02-.03c-.07-.11.31-1.08-.11-2.23c-.46-1.26-1.18-1.57-1.12-1.66c.25-.42.86-1.08 1.11-2.32c.15-.75.11-1.98-.22-2.63c-.06-.12-.61.2-.61.2s-.51-1.14-.66-1.24c-.46-.3-.97 1.23-.97 1.23s-1.06-.17-1.89.73c-.17.18-.39.28-.62.37c-.07.02-.15.02-.35.56c-.31.83.52 1.75.52 1.75s-.99.7-1.36 1.57c-.41.95-.28 1.88-.28 1.88s-.7.61-.75 1.24c-.04.55.12 1 .29 1.26c.19.29.42.15.42.15s-.47.54-.03.78c.4.21 1.07.33 1.42-.03c.26-.26.31-.83.41-1.07c.02-.05.1.09.17.17c.08.08.22.16.22.16s-.63.27-.37.89c.08.2.39.34.89.33c.19 0 2.22-.12 2.76-.25c.31-.07.42-.24.42-.24s1.31-.36 2.5-1.13c.76-.5 1.08-.63 1.69-.78c.51-.12.47-.92-.2-.9Z"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m6.02 14.17c-.54.13-.79.23-1.52.7c-1.03.66-2.12 1.03-2.51 1.16c-.12.1-.31.22-.59.29c-.61.15-2.72.26-2.89.26h-.04c-.65 0-1.01-.2-1.21-.41c-.55.27-1.26.16-1.77-.11a.9.9 0 0 1-.48-.63a.9.9 0 0 1 0-.33c-.05-.05-.09-.1-.13-.16c-.14-.21-.44-.78-.38-1.62c.05-.6.46-1.14.73-1.42c-.01-.4.02-1.13.34-1.88c.25-.61.74-1.12 1.1-1.45c-.27-.45-.54-1.14-.27-1.84c.19-.5.34-.78.68-.9c.17-.06.32-.13.41-.22c.65-.71 1.42-.88 1.92-.92c.03-.08.07-.15.1-.24c.26-.55.53-.86.85-.97a.78.78 0 0 1 .71.08c.1.07.24.15.63.96c.26-.07.39-.03.46-.02c.17.05.31.16.39.31c.4.76.45 2.13.28 3c-.2 1.03-.63 1.69-.94 2.15c.27.27.65.75.93 1.52c.23.64.26 1.23.23 1.68c.14-.07.31-.15.5-.27c.49-.31 1.24-.76 2.13-.78c.59 0 1.06.37 1.13.92c.07.53-.26 1.01-.79 1.14"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.68%2014.69c-.7%200-1.31.37-1.83.69c-.97.6-1.45.56-1.45.56l-.02-.03c-.07-.11.31-1.08-.11-2.23c-.46-1.26-1.18-1.57-1.12-1.66c.25-.42.86-1.08%201.11-2.32c.15-.75.11-1.98-.22-2.63c-.06-.12-.61.2-.61.2s-.51-1.14-.66-1.24c-.46-.3-.97%201.23-.97%201.23s-1.06-.17-1.89.73c-.17.18-.39.28-.62.37c-.07.02-.15.02-.35.56c-.31.83.52%201.75.52%201.75s-.99.7-1.36%201.57c-.41.95-.28%201.88-.28%201.88s-.7.61-.75%201.24c-.04.55.12%201%20.29%201.26c.19.29.42.15.42.15s-.47.54-.03.78c.4.21%201.07.33%201.42-.03c.26-.26.31-.83.41-1.07c.02-.05.1.09.17.17c.08.08.22.16.22.16s-.63.27-.37.89c.08.2.39.34.89.33c.19%200%202.22-.12%202.76-.25c.31-.07.42-.24.42-.24s1.31-.36%202.5-1.13c.76-.5%201.08-.63%201.69-.78c.51-.12.47-.92-.2-.9Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202m6.02%2014.17c-.54.13-.79.23-1.52.7c-1.03.66-2.12%201.03-2.51%201.16c-.12.1-.31.22-.59.29c-.61.15-2.72.26-2.89.26h-.04c-.65%200-1.01-.2-1.21-.41c-.55.27-1.26.16-1.77-.11a.9.9%200%200%201-.48-.63a.9.9%200%200%201%200-.33c-.05-.05-.09-.1-.13-.16c-.14-.21-.44-.78-.38-1.62c.05-.6.46-1.14.73-1.42c-.01-.4.02-1.13.34-1.88c.25-.61.74-1.12%201.1-1.45c-.27-.45-.54-1.14-.27-1.84c.19-.5.34-.78.68-.9c.17-.06.32-.13.41-.22c.65-.71%201.42-.88%201.92-.92c.03-.08.07-.15.1-.24c.26-.55.53-.86.85-.97a.78.78%200%200%201%20.71.08c.1.07.24.15.63.96c.26-.07.39-.03.46-.02c.17.05.31.16.39.31c.4.76.45%202.13.28%203c-.2%201.03-.63%201.69-.94%202.15c.27.27.65.75.93%201.52c.23.64.26%201.23.23%201.68c.14-.07.31-.15.5-.27c.49-.31%201.24-.76%202.13-.78c.59%200%201.06.37%201.13.92c.07.53-.26%201.01-.79%201.14%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.68%2014.69c-.7%200-1.31.37-1.83.69c-.97.6-1.45.56-1.45.56l-.02-.03c-.07-.11.31-1.08-.11-2.23c-.46-1.26-1.18-1.57-1.12-1.66c.25-.42.86-1.08%201.11-2.32c.15-.75.11-1.98-.22-2.63c-.06-.12-.61.2-.61.2s-.51-1.14-.66-1.24c-.46-.3-.97%201.23-.97%201.23s-1.06-.17-1.89.73c-.17.18-.39.28-.62.37c-.07.02-.15.02-.35.56c-.31.83.52%201.75.52%201.75s-.99.7-1.36%201.57c-.41.95-.28%201.88-.28%201.88s-.7.61-.75%201.24c-.04.55.12%201%20.29%201.26c.19.29.42.15.42.15s-.47.54-.03.78c.4.21%201.07.33%201.42-.03c.26-.26.31-.83.41-1.07c.02-.05.1.09.17.17c.08.08.22.16.22.16s-.63.27-.37.89c.08.2.39.34.89.33c.19%200%202.22-.12%202.76-.25c.31-.07.42-.24.42-.24s1.31-.36%202.5-1.13c.76-.5%201.08-.63%201.69-.78c.51-.12.47-.92-.2-.9Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202m6.02%2014.17c-.54.13-.79.23-1.52.7c-1.03.66-2.12%201.03-2.51%201.16c-.12.1-.31.22-.59.29c-.61.15-2.72.26-2.89.26h-.04c-.65%200-1.01-.2-1.21-.41c-.55.27-1.26.16-1.77-.11a.9.9%200%200%201-.48-.63a.9.9%200%200%201%200-.33c-.05-.05-.09-.1-.13-.16c-.14-.21-.44-.78-.38-1.62c.05-.6.46-1.14.73-1.42c-.01-.4.02-1.13.34-1.88c.25-.61.74-1.12%201.1-1.45c-.27-.45-.54-1.14-.27-1.84c.19-.5.34-.78.68-.9c.17-.06.32-.13.41-.22c.65-.71%201.42-.88%201.92-.92c.03-.08.07-.15.1-.24c.26-.55.53-.86.85-.97a.78.78%200%200%201%20.71.08c.1.07.24.15.63.96c.26-.07.39-.03.46-.02c.17.05.31.16.39.31c.4.76.45%202.13.28%203c-.2%201.03-.63%201.69-.94%202.15c.27.27.65.75.93%201.52c.23.64.26%201.23.23%201.68c.14-.07.31-.15.5-.27c.49-.31%201.24-.76%202.13-.78c.59%200%201.06.37%201.13.92c.07.53-.26%201.01-.79%201.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/yarn.svg?color=%231a73e8&size=48
