Traget icon

et:traget

The Traget icon (et:traget) is a free SVG icon from the Elegant set by Kenny Sing. It is drawn on a 42 × 32 grid. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Elegant
Author: Kenny Sing
License: GPL-3.0-or-later
Size: 42 × 32

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="32" viewBox="0 0 42 32"><path fill="currentColor" d="M41.779 13.09a.534.534 0 0 0-.752.068l-2.367 2.84c-.051-.016-.103-.032-.16.002h-1.391l1.77-2.158a.534.534 0 0 0-.82-.684L35.719 16H34.14l1.77-2.158a.534.534 0 0 0-.82-.684L32.75 16h-.752C31.979 7.159 24.811 0 16 0C7.178 0 0 7.178 0 16s7.178 16 16 16c8.473 0 15.41-6.626 15.948-15h.803l2.34 2.842a.53.53 0 0 0 .752.068a.53.53 0 0 0 .068-.752L34.14 17h1.579l2.34 2.842a.53.53 0 0 0 .752.068a.53.53 0 0 0 .068-.752L37.109 17H38.5c.057.034.109.018.161.002l2.367 2.84a.53.53 0 0 0 .752.068a.53.53 0 0 0 .068-.752L39.633 16.5l2.215-2.658a.533.533 0 0 0-.069-.752M16 31C7.729 31 1 24.271 1 16S7.729 1 16 1c8.26 0 14.979 6.71 14.998 15h-3C27.98 9.365 22.606 4 16 4C9.383 4 4 9.383 4 16s5.383 12 12 12c6.268 0 11.421-4.832 11.948-11h3C30.413 24.823 23.922 31 16 31m7.998-15C23.98 11.571 20.4 8 16 8c-4.411 0-8 3.589-8 8s3.589 8 8 8c4.06 0 7.416-3.043 7.925-7h3.022C26.424 22.616 21.716 27 16 27C9.935 27 5 22.065 5 16S9.935 5 16 5c6.054 0 10.98 4.916 10.998 11zm-4.001 0c-.019-2.224-1.802-4-3.997-4c-2.206 0-4 1.794-4 4s1.794 4 4 4c1.846 0 3.388-1.263 3.847-3h3.068c-.503 3.404-3.408 6-6.915 6c-3.859 0-7-3.141-7-7s3.141-7 7-7c3.848 0 6.98 3.122 6.998 7zM16.5 17h2.305c-.423 1.178-1.516 2-2.805 2c-1.654 0-3-1.346-3-3s1.346-3 3-3c1.643 0 2.978 1.328 2.997 3H16.5c-.295-.034-.534.205-.534.5s.239.534.534.5"/></svg>

How to use the Traget icon

React

import { Icon } from "@iconify/react";

<Icon icon="et:traget" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="et:traget" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="et:traget" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[et--traget]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:traget"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="et:traget"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/et/traget.svg" alt="Traget icon" width="24" height="24">

Traget icon FAQ

Is the Traget icon free for commercial use?

Yes. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.

How do I use the Traget icon in React?

Install @iconify/react and render <Icon icon="et:traget" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Traget icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/et/traget.svg" alt="Traget icon">, or paste the SVG code inline to style it with CSS.

Browse all Elegant icons →