ICONYZ
日本語
theSVG Color の Sourcegraph アイコン

Sourcegraph アイコン

thesvg-color:sourcegraph

Sourcegraph アイコン(thesvg-color:sourcegraph)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 262 × 262 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
262 × 262
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="262" height="262" viewBox="0 0 262 262"><path fill="#f96316" d="m74.203 33.602l56.952 208.194c3.827 13.991 18.27 22.23 32.254 18.4c13.993-3.833 22.224-18.28 18.394-32.27l-56.962-208.2c-3.83-13.987-18.27-22.228-32.254-18.394C78.607 5.157 70.373 19.609 74.203 33.6z"/><path fill="#b200f8" d="M179.662 32.813L37.046 193.858c-9.621 10.86-8.616 27.464 2.233 37.087c10.85 9.62 27.438 8.617 37.059-2.238L218.954 67.665c9.621-10.86 8.616-27.459-2.233-37.083c-10.854-9.63-27.446-8.624-37.059 2.23z"/><path fill="#00b4f2" d="m18.065 122.054l203.387 67.293c13.765 4.552 28.615-2.92 33.167-16.696c4.562-13.774-2.911-28.63-16.681-33.189L34.556 72.175C20.786 67.62 5.942 75.091 1.387 88.867c-4.55 13.775 2.924 28.635 16.682 33.187z"/></svg>

Sourcegraph アイコンの使い方

React

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

<Icon icon="thesvg-color:sourcegraph" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:sourcegraph" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:sourcegraph" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sourcegraph]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sourcegraph"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:sourcegraph"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/sourcegraph.svg" alt="Sourcegraph アイコン" width="24" height="24">

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

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

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

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

theSVG Color アイコン をすべて見る →