Thought icon
andrsrxn:thought
The Thought icon (andrsrxn:thought) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Social, Emoji, Messages
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="3.76" cy="19.69" r="2.22" fill="currentColor" opacity=".2" transform="rotate(135.7 3.76 19.69)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.96 5.23a3.68 3.68 0 0 1 6.75-.86c.6 1.05.59 2.1.44 2.82M6.3 8.73a3.09 3.09 0 0 1 2.22-5.26A3.1 3.1 0 0 1 11 4.71m7.26 2.23c.77-.4 1.71-.34 2.44.08a3.1 3.1 0 0 1 1.13 4.23c-.5.88-1.19 1.41-1.9 1.5m-4.33 4.1a3.76 3.76 0 0 1-6.95.01a4 4 0 0 1-.1-2.9"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.62 12.63c.4.11.93.44 1.38 1.1a3.09 3.09 0 0 1-3.13 4.78a3.1 3.1 0 0 1-2.21-1.66m-7.51-1.96c-.8.4-1.77.35-2.52-.09a3.2 3.2 0 0 1-1.17-4.36c.52-.91 1.23-1.46 1.96-1.55"/><circle cx="3.76" cy="19.3" r="2.02" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="rotate(90 3.76 19.3)"/><path fill="currentColor" d="M5.4 9.34c.22-.28.32-.43.37-.6c.06-.16.05-.34.03-.7l-.06-1.27c-.02-.38-.03-.58.04-.76c.06-.18.18-.33.43-.62l.9-1.05c.33-.4.5-.6.73-.7c.24-.09.5-.06 1.02 0l1.8.21c.24.03.36.04.48.03s.24-.06.47-.15l2.22-.87c.42-.16.62-.24.84-.23s.41.12.8.32l1.71.9c.43.22.65.33.78.52c.14.19.18.43.27.9l.03.18c.11.68.17 1.01.4 1.24c.22.22.56.28 1.23.4l.34.05c.7.12 1.05.18 1.28.41c.23.24.28.6.37 1.3l.2 1.5c.06.4.09.58.04.76a1 1 0 0 1-.14.34c-.1.15-.27.26-.59.49c-.43.3-.64.45-.75.65a1 1 0 0 0-.12.45c-.01.23.1.47.31.95l.35.77c.25.54.37.8.34 1.09c-.04.27-.22.5-.59.97l-.44.57c-.37.47-.56.71-.83.8s-.56.04-1.16-.08l-2.03-.43a2 2 0 0 0-.66-.09c-.16.02-.32.1-.62.24l-2.12 1.02c-.46.22-.7.33-.94.32c-.24 0-.47-.13-.91-.39l-1.13-.63a2 2 0 0 1-.57-.4c-.1-.12-.17-.28-.3-.61l-.33-.85c-.2-.5-.3-.75-.49-.91l-.18-.12c-.22-.12-.49-.12-1.03-.12c-.3 0-.45 0-.6-.04l-.11-.05c-.14-.06-.25-.16-.48-.36l-1.03-.9c-.4-.35-.61-.52-.7-.77c-.09-.24-.05-.5.03-1.04l.15-.97c.04-.25.06-.37.1-.49s.13-.21.28-.41z" opacity=".2"/></g></svg>How to use the Thought icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:thought" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:thought" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:thought" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--thought]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:thought"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:thought"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/thought.svg" alt="Thought icon" width="24" height="24">Thought icon FAQ
Is the Thought icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Thought icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:thought" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Thought icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/thought.svg" alt="Thought icon">, or paste the SVG code inline to style it with CSS.