Youtrack アイコン

Q: Youtrack アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:youtrack

Youtrack アイコン(selfhst:youtrack)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGCBMoJXBn" x1="-.817" x2="512.423" y1="64.452" y2="64.452" gradientTransform="matrix(1 0 0 -1 0 320.452)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fb43ff"/><stop offset=".97" stop-color="#fb406d"/></linearGradient><path fill="url(#SVGCBMoJXBn)" d="M10.5 410c-.8-.6-1-1.6-.6-2.5L71 281.7L.5 197.5c-.7-.8-.6-2.1.3-2.8L206.2 23.5C242.8-7 295.7-7.9 333.3 21.4c37.5 29.3 49.5 80.7 28.8 123.5L339.7 191c8.7-2.9 17.4-5.6 25.9-8L467 153.9c1.1-.3 2.3.4 2.5 1.5L511.9 344c.3 1.2-.5 2.3-1.7 2.5c-13.5 1.7-86.9 12.2-178.2 50.6c-103.5 43.5-171.9 105.3-181.6 114.3c-.7.7-1.8.7-2.5.1z"/><path d="M416 96H96v320h320z"/><path fill="#fff" d="m171.7 211l-43.9-75H153l27.2 47.9l3.2 6.9l3.2-6.9l26.5-47.8h24.8L194.7 211v45h-22.9c-.1 0-.1-45-.1-45M264 352H136v24h128zm74.6-216.1h-96.3V157h36.5v99h23.4v-99h36.4z"/></svg>

Youtrack アイコンの使い方

React

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

<Icon icon="selfhst:youtrack" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:youtrack" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:youtrack" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:youtrack"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/youtrack.svg" alt="Youtrack アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Youtrack アイコン

Youtrack アイコンのよくある質問

Youtrack アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Youtrack アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:youtrack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Youtrack アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/youtrack.svg" alt="Youtrack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →