Corn Filled アイコン

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

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

tdesign:corn-filled

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

アイコンセット: TDesign Icons
作者: TDesign
ライセンス: MIT
サイズ: 24 × 24
タグ: cornfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m16.525 4.11l.979.98l2.086-2.085c-.37-.062-.785-.006-1.257.152c-.61.205-1.232.559-1.808.953m4.473.316l-2.08 2.078l.972.972c.394-.575.747-1.194.951-1.802c.158-.469.215-.88.157-1.248m-2.336 4.65l-1.159-1.159L15.93 9.49l1.338 1.338zm-2.65 3.326l-1.497-1.499l-2.06 2.058c.996-.053 1.994.04 2.902.263zm1.31 1.566a9 9 0 0 1 1.01.614c.84.59 1.526 1.362 2.25 2.085l-1.905.317a2 2 0 0 0-.16.044a6 6 0 0 0-.725.287c-.678.31-1.742.897-3.192 1.985c-.15.112-.325.25-.523.404c-1.004.786-2.576 2.017-4.257 2.687c-1.029.41-2.196.656-3.381.423c-1.173-.23-2.247-.905-3.154-2.1c-1.194-.906-1.869-1.98-2.1-3.153c-.232-1.186.013-2.352.424-3.381c.67-1.68 1.9-3.254 2.686-4.257c.155-.198.293-.373.405-.523c1.088-1.45 1.674-2.515 1.985-3.192c.155-.338.24-.58.286-.725c.029-.092.041-.146.045-.16l.317-1.904c.72.72 1.491 1.404 2.08 2.241c.19.272.403.607.61 1l4.355-3.443c.825-.66 2.026-1.523 3.32-1.956c1.328-.445 2.933-.48 4.23.825c1.292 1.3 1.255 2.9.81 4.225c-.435 1.291-1.297 2.489-1.956 3.313h-.002l-.002.005zm-2.4-8.632l-1.757 1.387l1.35 1.352l1.574-1.572zM13.1 9.489l-1.515-1.517l-.816.646c.227.917.323 1.925.268 2.932z"/></svg>

Corn Filled アイコンの使い方

React

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

<Icon icon="tdesign:corn-filled" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:corn-filled" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:corn-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--corn-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:corn-filled"></div>

Web コンポーネント

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

<iconify-icon icon="tdesign:corn-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/tdesign/corn-filled.svg" alt="Corn Filled アイコン" width="24" height="24">

TDesign Icons の関連アイコン

Corn Filled アイコンのよくある質問

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

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

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

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

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

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

TDesign Icons をすべて見る →