File Type Cmake アイコン

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

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

vscode-icons:file-type-cmake

File Type Cmake アイコン(vscode-icons:file-type-cmake)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typecmake、filetypecmake

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGCgNrzdsa" x1="9.955" x2="16.68" y1="9.096" y2="23.324" gradientTransform="matrix(1 0 0 -1 0 32)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1011a1"/><stop offset="1" stop-color="#6969e1"/></linearGradient><linearGradient id="SVGrgqtQcHo" x1="16.231" x2="25.618" y1="19.655" y2="3.782" gradientTransform="matrix(1 0 0 -1 0 32)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b40e0e"/><stop offset="1" stop-color="#ff5959"/></linearGradient><linearGradient id="SVGV3I43cHR" x1="21.663" x2="8.381" y1="4.823" y2="5.938" gradientTransform="matrix(1 0 0 -1 0 32)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#01a300"/><stop offset="1" stop-color="#01df00"/></linearGradient><linearGradient id="SVGhUomfdFs" x1="14.643" x2="14.472" y1="8.368" y2="14.145" gradientTransform="matrix(1 0 0 -1 0 32)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#848484"/><stop offset="1" stop-color="#d2d2d2"/></linearGradient></defs><path fill="url(#SVGCgNrzdsa)" d="M17.257 16.919L2.246 29.749L15.994 2.283Z"/><path d="m2.262 29.768l-.038-.03L16.012 2.193l.008.088l1.263 14.649l-.01.008ZM15.977 2.374L2.324 29.649L17.23 16.908Z"/><path fill="url(#SVGrgqtQcHo)" d="M17.952 24.931L16 2.28l13.767 27.471Z"/><path d="m29.818 29.8l-.061-.025l-11.828-4.827v-.015L15.975 2.282l.047-.013Zm-11.842-4.887L29.715 29.7L16.036 2.408Z"/><path fill="url(#SVGV3I43cHR)" d="m11.16 22.094l18.621 7.654H2.25Z"/><path d="M29.781 29.773H2.183l.051-.044l8.921-7.665l.014.006l18.622 7.655Zm-27.464-.05h27.337l-18.489-7.6Z"/><path fill="url(#SVGhUomfdFs)" d="m11.189 22.112l6.059-5.168l.843 7.98Z"/><path d="m18.149 25l-.077-.032l-6.978-2.842l6.194-5.283l.01.094Zm-6.865-2.9l6.748 2.749l-.824-7.8Z"/><path d="M29.7 29.911H2.285a.22.22 0 0 1-.182-.088a.22.22 0 0 1 .022-.2L15.864 2.187a.17.17 0 0 1 .14-.1a.15.15 0 0 1 .13.085l13.733 27.435a.24.24 0 0 1 .02.226a.21.21 0 0 1-.187.078m-27.468-.16l.057.011h27.4l.073-.009a.2.2 0 0 0-.028-.077L16 2.248v.012L2.261 29.684a.3.3 0 0 0-.025.067Z"/></svg>

File Type Cmake アイコンの使い方

React

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

<Icon icon="vscode-icons:file-type-cmake" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-cmake" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-cmake" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-cmake]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-cmake"></div>

Web コンポーネント

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

<iconify-icon icon="vscode-icons:file-type-cmake"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-cmake.svg" alt="File Type Cmake アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Cmake アイコンのよくある質問

File Type Cmake アイコンは商用利用でも無料ですか?

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

React で File Type Cmake アイコンを使うには?

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

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

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

VSCode Icons をすべて見る →