thinking icon
thinking from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- thinking
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the thinking icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3 15a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4-1.5c0 .827-.673 1.5-1.5 1.5S4 14.327 4 13.5S4.673 12 5.5 12s1.5.673 1.5 1.5m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m10-7.25c0 1.792-1.57 3.25-3.5 3.25h-.095c-.368 1.437-1.771 2.501-3.405 2.501c-1.5 0-2.821-.903-3.304-2.18c-.382.118-.787.18-1.196.18c-1.93 0-3.5-1.346-3.5-3c0-1.538 1.357-2.81 3.1-2.98q-.099-.378-.1-.77C4 1.459 5.57.001 7.5.001c1.017 0 1.979.411 2.64 1.115q.418-.115.86-.115c1.487 0 2.723.984 2.959 2.295C15.192 3.821 16 4.972 16 6.25m-1 0c0-.946-.666-1.798-1.656-2.118a.5.5 0 0 1-.346-.453C12.955 2.738 12.077 2 11 2q-.436 0-.837.161a.5.5 0 0 1-.587-.164C9.109 1.373 8.333 1 7.5 1C6.121 1 5 2.01 5 3.25c0 .358.092.701.271 1.019a.5.5 0 0 1-.479.746a3 3 0 0 0-.293-.014c-1.379 0-2.5.897-2.5 2s1.121 2 2.5 2c.463 0 .916-.104 1.311-.299a.5.5 0 0 1 .451.004a.5.5 0 0 1 .265.366c.174 1.1 1.237 1.929 2.474 1.929c1.301 0 2.396-.914 2.492-2.081a.497.497 0 0 1 .573-.454q.212.033.435.034c1.379 0 2.5-1.01 2.5-2.25"/></svg>
React
import type { SVGProps } from "react";
export function CodiconThinking(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3 15a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4-1.5c0 .827-.673 1.5-1.5 1.5S4 14.327 4 13.5S4.673 12 5.5 12s1.5.673 1.5 1.5m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m10-7.25c0 1.792-1.57 3.25-3.5 3.25h-.095c-.368 1.437-1.771 2.501-3.405 2.501c-1.5 0-2.821-.903-3.304-2.18c-.382.118-.787.18-1.196.18c-1.93 0-3.5-1.346-3.5-3c0-1.538 1.357-2.81 3.1-2.98q-.099-.378-.1-.77C4 1.459 5.57.001 7.5.001c1.017 0 1.979.411 2.64 1.115q.418-.115.86-.115c1.487 0 2.723.984 2.959 2.295C15.192 3.821 16 4.972 16 6.25m-1 0c0-.946-.666-1.798-1.656-2.118a.5.5 0 0 1-.346-.453C12.955 2.738 12.077 2 11 2q-.436 0-.837.161a.5.5 0 0 1-.587-.164C9.109 1.373 8.333 1 7.5 1C6.121 1 5 2.01 5 3.25c0 .358.092.701.271 1.019a.5.5 0 0 1-.479.746a3 3 0 0 0-.293-.014c-1.379 0-2.5.897-2.5 2s1.121 2 2.5 2c.463 0 .916-.104 1.311-.299a.5.5 0 0 1 .451.004a.5.5 0 0 1 .265.366c.174 1.1 1.237 1.929 2.474 1.929c1.301 0 2.396-.914 2.492-2.081a.497.497 0 0 1 .573-.454q.212.033.435.034c1.379 0 2.5-1.01 2.5-2.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3 15a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4-1.5c0 .827-.673 1.5-1.5 1.5S4 14.327 4 13.5S4.673 12 5.5 12s1.5.673 1.5 1.5m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m10-7.25c0 1.792-1.57 3.25-3.5 3.25h-.095c-.368 1.437-1.771 2.501-3.405 2.501c-1.5 0-2.821-.903-3.304-2.18c-.382.118-.787.18-1.196.18c-1.93 0-3.5-1.346-3.5-3c0-1.538 1.357-2.81 3.1-2.98q-.099-.378-.1-.77C4 1.459 5.57.001 7.5.001c1.017 0 1.979.411 2.64 1.115q.418-.115.86-.115c1.487 0 2.723.984 2.959 2.295C15.192 3.821 16 4.972 16 6.25m-1 0c0-.946-.666-1.798-1.656-2.118a.5.5 0 0 1-.346-.453C12.955 2.738 12.077 2 11 2q-.436 0-.837.161a.5.5 0 0 1-.587-.164C9.109 1.373 8.333 1 7.5 1C6.121 1 5 2.01 5 3.25c0 .358.092.701.271 1.019a.5.5 0 0 1-.479.746a3 3 0 0 0-.293-.014c-1.379 0-2.5.897-2.5 2s1.121 2 2.5 2c.463 0 .916-.104 1.311-.299a.5.5 0 0 1 .451.004a.5.5 0 0 1 .265.366c.174 1.1 1.237 1.929 2.474 1.929c1.301 0 2.396-.914 2.492-2.081a.497.497 0 0 1 .573-.454q.212.033.435.034c1.379 0 2.5-1.01 2.5-2.25"/></svg> </template>
CSS
.icon-thinking {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2015a1%201%200%201%201-2%200a1%201%200%200%201%202%200m4-1.5c0%20.827-.673%201.5-1.5%201.5S4%2014.327%204%2013.5S4.673%2012%205.5%2012s1.5.673%201.5%201.5m-1%200a.5.5%200%201%200-1%200a.5.5%200%200%200%201%200m10-7.25c0%201.792-1.57%203.25-3.5%203.25h-.095c-.368%201.437-1.771%202.501-3.405%202.501c-1.5%200-2.821-.903-3.304-2.18c-.382.118-.787.18-1.196.18c-1.93%200-3.5-1.346-3.5-3c0-1.538%201.357-2.81%203.1-2.98q-.099-.378-.1-.77C4%201.459%205.57.001%207.5.001c1.017%200%201.979.411%202.64%201.115q.418-.115.86-.115c1.487%200%202.723.984%202.959%202.295C15.192%203.821%2016%204.972%2016%206.25m-1%200c0-.946-.666-1.798-1.656-2.118a.5.5%200%200%201-.346-.453C12.955%202.738%2012.077%202%2011%202q-.436%200-.837.161a.5.5%200%200%201-.587-.164C9.109%201.373%208.333%201%207.5%201C6.121%201%205%202.01%205%203.25c0%20.358.092.701.271%201.019a.5.5%200%200%201-.479.746a3%203%200%200%200-.293-.014c-1.379%200-2.5.897-2.5%202s1.121%202%202.5%202c.463%200%20.916-.104%201.311-.299a.5.5%200%200%201%20.451.004a.5.5%200%200%201%20.265.366c.174%201.1%201.237%201.929%202.474%201.929c1.301%200%202.396-.914%202.492-2.081a.497.497%200%200%201%20.573-.454q.212.033.435.034c1.379%200%202.5-1.01%202.5-2.25%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2015a1%201%200%201%201-2%200a1%201%200%200%201%202%200m4-1.5c0%20.827-.673%201.5-1.5%201.5S4%2014.327%204%2013.5S4.673%2012%205.5%2012s1.5.673%201.5%201.5m-1%200a.5.5%200%201%200-1%200a.5.5%200%200%200%201%200m10-7.25c0%201.792-1.57%203.25-3.5%203.25h-.095c-.368%201.437-1.771%202.501-3.405%202.501c-1.5%200-2.821-.903-3.304-2.18c-.382.118-.787.18-1.196.18c-1.93%200-3.5-1.346-3.5-3c0-1.538%201.357-2.81%203.1-2.98q-.099-.378-.1-.77C4%201.459%205.57.001%207.5.001c1.017%200%201.979.411%202.64%201.115q.418-.115.86-.115c1.487%200%202.723.984%202.959%202.295C15.192%203.821%2016%204.972%2016%206.25m-1%200c0-.946-.666-1.798-1.656-2.118a.5.5%200%200%201-.346-.453C12.955%202.738%2012.077%202%2011%202q-.436%200-.837.161a.5.5%200%200%201-.587-.164C9.109%201.373%208.333%201%207.5%201C6.121%201%205%202.01%205%203.25c0%20.358.092.701.271%201.019a.5.5%200%200%201-.479.746a3%203%200%200%200-.293-.014c-1.379%200-2.5.897-2.5%202s1.121%202%202.5%202c.463%200%20.916-.104%201.311-.299a.5.5%200%200%201%20.451.004a.5.5%200%200%201%20.265.366c.174%201.1%201.237%201.929%202.474%201.929c1.301%200%202.396-.914%202.492-2.081a.497.497%200%200%201%20.573-.454q.212.033.435.034c1.379%200%202.5-1.01%202.5-2.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/thinking.svg?color=%231a73e8&size=48
