Youtrack アイコン
logos:youtrack
Youtrack アイコン(logos:youtrack)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<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>Youtrack アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:youtrack"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/youtrack.svg" alt="Youtrack アイコン" width="24" height="24">他のアイコンセットの Youtrack アイコン
Youtrack アイコン のよくある質問
Youtrack アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Youtrack アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:youtrack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Youtrack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/youtrack.svg" alt="Youtrack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。