threads logo
threads from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- threads
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the threads logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586c-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543c1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735c.798.361 1.348 1.204 1.348 2.47c0 3.387-3.907 5.232-7.22 5.232c-4.885 0-8.077-3.207-8.077-8.424c0-6.392 4.223-10.487 9.9-10.487c3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0C6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066c4.878 0 9.809-2.846 9.809-7.716c0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453c0-1.483 1.822-1.934 3.606-1.934c.678 0 1.34.045 1.927.173c-.422 1.927-1.671 3.215-3.508 3.214Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsThreads(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="M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586c-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543c1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735c.798.361 1.348 1.204 1.348 2.47c0 3.387-3.907 5.232-7.22 5.232c-4.885 0-8.077-3.207-8.077-8.424c0-6.392 4.223-10.487 9.9-10.487c3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0C6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066c4.878 0 9.809-2.846 9.809-7.716c0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453c0-1.483 1.822-1.934 3.606-1.934c.678 0 1.34.045 1.927.173c-.422 1.927-1.671 3.215-3.508 3.214Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586c-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543c1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735c.798.361 1.348 1.204 1.348 2.47c0 3.387-3.907 5.232-7.22 5.232c-4.885 0-8.077-3.207-8.077-8.424c0-6.392 4.223-10.487 9.9-10.487c3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0C6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066c4.878 0 9.809-2.846 9.809-7.716c0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453c0-1.483 1.822-1.934 3.606-1.934c.678 0 1.34.045 1.927.173c-.422 1.927-1.671 3.215-3.508 3.214Z"/></svg> </template>
CSS
.icon-threads {
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%22M18.263%2011.097c-.03-3.486-1.92-5.586-5.111-5.586c-2.13%200-3.922.963-4.863%202.499l2.062%201.438c.535-.843%201.272-1.543%202.628-1.543c1.528%200%202.318.85%202.544%202.431a15%2015%200%200%200-2.236-.173c-4.125%200-6.068%201.867-6.068%204.336s1.943%203.99%204.804%203.99c3.139%200%205.013-2.115%205.781-4.735c.798.361%201.348%201.204%201.348%202.47c0%203.387-3.907%205.232-7.22%205.232c-4.885%200-8.077-3.207-8.077-8.424c0-6.392%204.223-10.487%209.9-10.487c3.808%200%205.69%201.671%206.97%203.914l2.108-1.475C21.44%202.078%2018.331%200%2013.663%200C6.227%200%201.168%205.277%201.168%2012.934c0%207%204.953%2011.066%2010.856%2011.066c4.878%200%209.809-2.846%209.809-7.716c0-2.545-1.46-4.231-3.569-5.187m-6.33%204.855c-1.077%200-2.026-.512-2.026-1.453c0-1.483%201.822-1.934%203.606-1.934c.678%200%201.34.045%201.927.173c-.422%201.927-1.671%203.215-3.508%203.214Z%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%22M18.263%2011.097c-.03-3.486-1.92-5.586-5.111-5.586c-2.13%200-3.922.963-4.863%202.499l2.062%201.438c.535-.843%201.272-1.543%202.628-1.543c1.528%200%202.318.85%202.544%202.431a15%2015%200%200%200-2.236-.173c-4.125%200-6.068%201.867-6.068%204.336s1.943%203.99%204.804%203.99c3.139%200%205.013-2.115%205.781-4.735c.798.361%201.348%201.204%201.348%202.47c0%203.387-3.907%205.232-7.22%205.232c-4.885%200-8.077-3.207-8.077-8.424c0-6.392%204.223-10.487%209.9-10.487c3.808%200%205.69%201.671%206.97%203.914l2.108-1.475C21.44%202.078%2018.331%200%2013.663%200C6.227%200%201.168%205.277%201.168%2012.934c0%207%204.953%2011.066%2010.856%2011.066c4.878%200%209.809-2.846%209.809-7.716c0-2.545-1.46-4.231-3.569-5.187m-6.33%204.855c-1.077%200-2.026-.512-2.026-1.453c0-1.483%201.822-1.934%203.606-1.934c.678%200%201.34.045%201.927.173c-.422%201.927-1.671%203.215-3.508%203.214Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/threads.svg?color=%231a73e8&size=48
