Youtrack icon
logos:youtrack
The Youtrack icon (logos:youtrack) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGxeDXVlqw" x1="65.797%" x2="2.105%" y1="66.687%" y2="5.574%"><stop offset="0%" stop-color="#905cfb"/><stop offset="7%" stop-color="#a554e6"/><stop offset="25%" stop-color="#d641b5"/><stop offset="39%" stop-color="#f43597"/><stop offset="47%" stop-color="#ff318c"/></linearGradient></defs><path fill="#0cb0f2" d="M83.61 98.195c42.346-38.629 89.39-81.692 90.752-83.054a63.5 63.5 0 0 1 6.8-6c17.868-13.169 42.523-12 59.066 2.8c16.542 14.802 20.435 39.176 9.326 58.393a44 44 0 0 1-7.4 9.6c-9.398 9.398-45.394 47.594-45.394 47.594s47.194 45.394 47.994 45.994c11.696 9.369 14.684 25.931 7 38.796a30.9 30.9 0 0 1-20.998 14.398c-2.598.459-36.915-32.57-74.812-59.294c-23.958 26.878-71.622 80.332-71.771 80.332c-20.238 14.158-44.995 6.36-56.194.2a56.433 56.433 0 0 1-9.399-90.59c6.6-5.999 34.596-31.396 64.993-59.193z"/><path fill="url(#SVGxeDXVlqw)" d="M167.802 111.988a36.35 36.35 0 0 0-13.869-23.61L80.22 13.785a46.977 46.977 0 1 0-60.926 71.148l88.984 62.129a37.157 37.157 0 0 0 59.524-35.073"/><path d="M47.855 48.763h159.382v159.382H47.855z"/><path fill="#fff" d="M63.992 175.87h58.374v10.56H63.992zm21.317-63.952L58.414 69.682h17.93L93.08 97.773l16.935-28.09h17.492l-26.896 42.036v27.892H85.27v-27.693zm65.746-28.09h-21.318V69.681h57.776v14.145h-21.118v55.585h-15.34z"/></svg>How to use the Youtrack icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:youtrack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:youtrack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:youtrack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--youtrack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:youtrack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:youtrack"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/youtrack.svg" alt="Youtrack icon" width="24" height="24">Youtrack icon in other icon sets
Youtrack icon FAQ
Is the Youtrack icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Youtrack icon in React?
Install @iconify/react and render <Icon icon="logos:youtrack" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Youtrack icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/youtrack.svg" alt="Youtrack icon">, or paste the SVG code inline to style it with CSS.