Netlify アイコン

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

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

thesvg:netlify

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

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.49 19.04h-.23L5.13 17.9v-.23l1.73-1.71h1.2l.15.15v1.2L6.5 19.04ZM5.13 6.31V6.1l1.13-1.13h.23L8.2 6.68v1.2l-.15.15h-1.2zm9.96 9.09h-1.65l-.14-.13v-3.83c0-.68-.27-1.2-1.1-1.23c-.42 0-.9 0-1.43.02l-.07.08v4.96l-.14.14H8.9l-.13-.14V8.73l.13-.14h3.7a2.6 2.6 0 0 1 2.61 2.6v4.08l-.13.14Zm-8.37-2.44H.14L0 12.82v-1.64l.14-.14h6.58l.14.14v1.64zm17.14 0h-6.58l-.14-.14v-1.64l.14-.14h6.58l.14.14v1.64zM11.05 6.55V1.64l.14-.14h1.65l.14.14v4.9l-.14.14h-1.65zm0 15.81v-4.9l.14-.14h1.65l.14.13v4.91l-.14.14h-1.65z"/></svg>

Netlify アイコンの使い方

React

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

<Icon icon="thesvg:netlify" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:netlify" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:netlify" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:netlify"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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