Parseable icon
thesvg-color:parseable
The Parseable icon (thesvg-color:parseable) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#17181c" d="M382.773 157.268c14.762-14.785 38.714-14.803 53.499-.041c14.784 14.762 14.802 38.714.041 53.498L209.118 438.268c-14.762 14.784-38.714 14.802-53.499.04c-14.784-14.761-14.803-38.714-.041-53.498zM252.088 66.325c8.236-8.212 1.841-22.389-9.706-21.518c-49.3 3.652-97.624 24.313-135.489 62.072S48.06 193.072 43.99 242.641c-.969 11.655 13.063 18.215 21.299 9.957zm193.134 193.416c8.25-8.198 22.522-1.864 21.664 9.615c-3.599 49.009-24.312 97.072-62.242 134.767s-86.626 58.61-136.489 62.731c-11.724.981-18.346-12.957-10.05-21.155zm-251.801 27.943l161.856-161.471c18.151-18.386 12.327-48.934-11.393-59.578l-.659-.267c-14.477-6.485-31.534-3.339-42.618 7.935l-161.67 161.285a36.98 36.98 0 0 0 .755 52.9c15.058 14.411 39.089 14.072 53.73-.758zm-58.393 42.798c0 19.944-16.551 36.111-36.968 36.111s-36.968-16.167-36.968-36.111S77.643 294.37 98.06 294.37s36.968 16.168 36.968 36.112"/></svg>How to use the Parseable icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:parseable" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:parseable" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:parseable" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--parseable]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:parseable"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:parseable"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/parseable.svg" alt="Parseable icon" width="24" height="24">Parseable icon in other icon sets
Parseable icon FAQ
Is the Parseable icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Parseable icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:parseable" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Parseable icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/parseable.svg" alt="Parseable icon">, or paste the SVG code inline to style it with CSS.