Azure Devops Light アイコン
selfhst:azure-devops-light
Azure Devops Light アイコン(selfhst:azure-devops-light)は、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
- タグ
- azuredevops、devopslight、azuredevopslight、devop
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGzIEY8QFY" x1="336.889" x2="135.345" y1="368.105" y2="465.075" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".95"/><stop offset=".301" stop-color="#fff" stop-opacity=".9"/><stop offset=".626" stop-color="#fff" stop-opacity=".8"/><stop offset=".926" stop-color="#fff" stop-opacity=".7"/></linearGradient><path fill="url(#SVGzIEY8QFY)" d="M384 448v-81.5l-149.3-10.7l-105.2-7.5c-.5 0-1.1-.1-1.5-.1c-5.4 0-10.7 2-14.5 5.8c-4.4 4.1-6.8 9.7-6.8 15.7c0 4.5 1.4 8.7 3.9 12.3l7 10l36.6 51.9l5.4 7.6l36.2 51.4c3.9 5.4 10.2 9.1 17.5 9.1c11.7 0 21.3-9.6 21.3-21.3v-27.8l112.5 16.9q2.4.3 4.8.3c7.8 0 14.9-2.8 20.5-7.4c7.1-5.9 11.6-14.8 11.6-24.7"/><linearGradient id="SVGRL1Txb2x" x1="442.24" x2="442.24" y1="54.769" y2="419.38" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".6"/><stop offset=".489" stop-color="#fff" stop-opacity=".7"/><stop offset=".954" stop-color="#fff" stop-opacity=".4"/></linearGradient><path fill="url(#SVGRL1Txb2x)" d="M512 170.7v170.7c0 9.9-4.5 18.8-11.5 24.6l-128 106.7c7-5.9 11.5-14.7 11.5-24.6V175.3c0-16.7 13-30.7 29.8-31.9l63.9-4.6c.7-.1 1.6-.1 2.3-.1c7.8 0 14.9 2.8 20.5 7.4c7 5.8 11.5 14.6 11.5 24.6"/><linearGradient id="SVGrziAwoJb" x1="99.399" x2="352.75" y1="279.26" y2="498.676" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#fff" stop-opacity=".6"/><stop offset=".507" stop-color="#fff" stop-opacity=".7"/><stop offset="1" stop-color="#fff" stop-opacity=".4"/></linearGradient><path fill="url(#SVGrziAwoJb)" d="M384 125.5c0 11.2-8.6 20.5-19.8 21.3c-.5 0-1.1.1-1.6.1l-127.9 9.2l-132.3 9.1l-72.7 5.5c-6.9.4-13.2 3.1-18.2 7.4L116.1 73.4c4.7-4.7 10.9-8 17.8-9.1l100.8-15.1V21.3C234.7 9.6 244.3 0 256 0c5.8 0 11.1 2.3 14.9 6.1l33.4 32.6l16.9 16.5l40.3 39.3l16.1 15.8c4.1 3.9 6.4 9.4 6.4 15.2"/><linearGradient id="SVGyj3kC11z" x1="51.2" x2="51.2" y1="288.904" y2="119.656" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".7"/><stop offset=".276" stop-color="#fff" stop-opacity=".8"/><stop offset=".518" stop-color="#fff" stop-opacity=".95"/><stop offset=".879" stop-color="#fff"/></linearGradient><path fill="url(#SVGyj3kC11z)" d="m102.4 165.2l-72.7 5.5c-6.9.4-13.2 3.1-18.2 7.4l-2 1.9C3.6 185.8 0 193.8 0 202.7v106.7c0 8.9 3.6 16.9 9.4 22.6c5.2 5.3 12.4 8.7 20.3 9.3l42.7 3.1c7.8.6 15.4-2.5 21.1-8.5c5.7-6.1 9-14.5 9-23.4z"/></svg>Azure Devops Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:azure-devops-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:azure-devops-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:azure-devops-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--azure-devops-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:azure-devops-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:azure-devops-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/azure-devops-light.svg" alt="Azure Devops Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Azure Devops Light アイコン のよくある質問
Azure Devops Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Azure Devops Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:azure-devops-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Azure Devops Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/azure-devops-light.svg" alt="Azure Devops Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。