thread emoji

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

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

The same emoji in other sets

threadFluent Emoji threadFluent Emoji Flat threadHuge Icons threadNoto Emoji threadOpenMoji threadTwitter Emoji

More activities icons from Fluent Emoji High Contrast

Use the thread emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.5 3.25c2.832 0 4.963 1.515 6 3.474a2.25 2.25 0 1 1 1.294 2.064l-.041.037l-.557.432c.056 1.426-.446 2.86-1.617 3.942C23.365 14.323 21.505 15 19 15v10h.5a2.5 2.5 0 0 1 0 5h-15a2.5 2.5 0 0 1 0-5H5V11h-.5a2.5 2.5 0 0 1 0-5h15a2.5 2.5 0 0 1 0 5H19v1.886l5.53-4.583c-.54-1.866-2.347-3.553-5.03-3.553a.75.75 0 0 1 0-1.5M18 13.5V12H6v1.5zM6 15v1h9.241l1.207-1zm0 2.5v1h6.224l1.207-1zM6 20v1h3.207l1.207-1zm0 2.5V24h12v-1.5H9.138l-.417.323a.56.56 0 0 1-.773-.067a.5.5 0 0 1-.125-.256zM18 21v-1h-5.642l-1.288 1zm0-2.5v-1h-2.421l-1.289 1zm0-2.5v-.38l-.49.38zm2.965-2.681c1.172-.237 2.017-.686 2.596-1.221c.487-.45.81-.985.985-1.56zM28.5 6.75a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastThread(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="M19.5 3.25c2.832 0 4.963 1.515 6 3.474a2.25 2.25 0 1 1 1.294 2.064l-.041.037l-.557.432c.056 1.426-.446 2.86-1.617 3.942C23.365 14.323 21.505 15 19 15v10h.5a2.5 2.5 0 0 1 0 5h-15a2.5 2.5 0 0 1 0-5H5V11h-.5a2.5 2.5 0 0 1 0-5h15a2.5 2.5 0 0 1 0 5H19v1.886l5.53-4.583c-.54-1.866-2.347-3.553-5.03-3.553a.75.75 0 0 1 0-1.5M18 13.5V12H6v1.5zM6 15v1h9.241l1.207-1zm0 2.5v1h6.224l1.207-1zM6 20v1h3.207l1.207-1zm0 2.5V24h12v-1.5H9.138l-.417.323a.56.56 0 0 1-.773-.067a.5.5 0 0 1-.125-.256zM18 21v-1h-5.642l-1.288 1zm0-2.5v-1h-2.421l-1.289 1zm0-2.5v-.38l-.49.38zm2.965-2.681c1.172-.237 2.017-.686 2.596-1.221c.487-.45.81-.985.985-1.56zM28.5 6.75a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.5 3.25c2.832 0 4.963 1.515 6 3.474a2.25 2.25 0 1 1 1.294 2.064l-.041.037l-.557.432c.056 1.426-.446 2.86-1.617 3.942C23.365 14.323 21.505 15 19 15v10h.5a2.5 2.5 0 0 1 0 5h-15a2.5 2.5 0 0 1 0-5H5V11h-.5a2.5 2.5 0 0 1 0-5h15a2.5 2.5 0 0 1 0 5H19v1.886l5.53-4.583c-.54-1.866-2.347-3.553-5.03-3.553a.75.75 0 0 1 0-1.5M18 13.5V12H6v1.5zM6 15v1h9.241l1.207-1zm0 2.5v1h6.224l1.207-1zM6 20v1h3.207l1.207-1zm0 2.5V24h12v-1.5H9.138l-.417.323a.56.56 0 0 1-.773-.067a.5.5 0 0 1-.125-.256zM18 21v-1h-5.642l-1.288 1zm0-2.5v-1h-2.421l-1.289 1zm0-2.5v-.38l-.49.38zm2.965-2.681c1.172-.237 2.017-.686 2.596-1.221c.487-.45.81-.985.985-1.56zM28.5 6.75a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0"/></svg>
</template>

CSS

.icon-thread {
  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%22M19.5%203.25c2.832%200%204.963%201.515%206%203.474a2.25%202.25%200%201%201%201.294%202.064l-.041.037l-.557.432c.056%201.426-.446%202.86-1.617%203.942C23.365%2014.323%2021.505%2015%2019%2015v10h.5a2.5%202.5%200%200%201%200%205h-15a2.5%202.5%200%200%201%200-5H5V11h-.5a2.5%202.5%200%200%201%200-5h15a2.5%202.5%200%200%201%200%205H19v1.886l5.53-4.583c-.54-1.866-2.347-3.553-5.03-3.553a.75.75%200%200%201%200-1.5M18%2013.5V12H6v1.5zM6%2015v1h9.241l1.207-1zm0%202.5v1h6.224l1.207-1zM6%2020v1h3.207l1.207-1zm0%202.5V24h12v-1.5H9.138l-.417.323a.56.56%200%200%201-.773-.067a.5.5%200%200%201-.125-.256zM18%2021v-1h-5.642l-1.288%201zm0-2.5v-1h-2.421l-1.289%201zm0-2.5v-.38l-.49.38zm2.965-2.681c1.172-.237%202.017-.686%202.596-1.221c.487-.45.81-.985.985-1.56zM28.5%206.75a.75.75%200%201%200-1.5%200a.75.75%200%200%200%201.5%200%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%22M19.5%203.25c2.832%200%204.963%201.515%206%203.474a2.25%202.25%200%201%201%201.294%202.064l-.041.037l-.557.432c.056%201.426-.446%202.86-1.617%203.942C23.365%2014.323%2021.505%2015%2019%2015v10h.5a2.5%202.5%200%200%201%200%205h-15a2.5%202.5%200%200%201%200-5H5V11h-.5a2.5%202.5%200%200%201%200-5h15a2.5%202.5%200%200%201%200%205H19v1.886l5.53-4.583c-.54-1.866-2.347-3.553-5.03-3.553a.75.75%200%200%201%200-1.5M18%2013.5V12H6v1.5zM6%2015v1h9.241l1.207-1zm0%202.5v1h6.224l1.207-1zM6%2020v1h3.207l1.207-1zm0%202.5V24h12v-1.5H9.138l-.417.323a.56.56%200%200%201-.773-.067a.5.5%200%200%201-.125-.256zM18%2021v-1h-5.642l-1.288%201zm0-2.5v-1h-2.421l-1.289%201zm0-2.5v-.38l-.49.38zm2.965-2.681c1.172-.237%202.017-.686%202.596-1.221c.487-.45.81-.985.985-1.56zM28.5%206.75a.75.75%200%201%200-1.5%200a.75.75%200%200%200%201.5%200%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/thread.svg?color=%231a73e8&size=48