Ttcn 3 icon
file-icons:ttcn-3
The Ttcn 3 icon (file-icons:ttcn-3) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 400 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 400 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="512" viewBox="0 0 400 512"><path fill="currentColor" d="M141.692 0C294.787 1.687 399.358 130.615 400 248.92c.735 135.427-101.152 266.957-263.09 262.993C389.315 497.983 447.567 52.943 136 0m103.545 169.1c3.221-14.215 15.101-39.446-6.147-40.534H59.018c-15.368 0-25.378 9.864-26.53 24.407c-1.347 17.011 12.9 29.26 24.08 29.26l108.885-.312c15.394-.29 25.766 13.964 25.512 23.656c-.352 13.476-12.322 21.704-27.932 22.946H75.619c-41.901 7.267-30.856 51.655-5.464 55.325h79.587c18.965.14 23.342 14.54 23.374 23.634c.043 12.43-10.44 23.95-25.25 23.494H20.359c-30.81.302-22.394 52.52-2.797 53.96H177.39c14.038.933 26.152-1.342 29.37-18.442l10.245-36.2c16.646-1.758 39.148 4.536 42.348-15.71L279.16 203.25c1.437-9.467 10.168-33.675-12.294-34.151z"/></svg>How to use the Ttcn 3 icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:ttcn-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:ttcn-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:ttcn-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--ttcn-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:ttcn-3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:ttcn-3"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/ttcn-3.svg" alt="Ttcn 3 icon" width="24" height="24">Ttcn 3 icon FAQ
Is the Ttcn 3 icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Ttcn 3 icon in React?
Install @iconify/react and render <Icon icon="file-icons:ttcn-3" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ttcn 3 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/ttcn-3.svg" alt="Ttcn 3 icon">, or paste the SVG code inline to style it with CSS.