Terraform 16 アイコン
nonicons:terraform-16
Terraform 16 アイコン(nonicons:terraform-16)は、Nonicons セットの無料 SVG アイコンです（作者: yamatsum）。 24 × 24 のグリッドで描かれています。 Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.429.044A1.82 1.82 0 0 0 .089 1.24l-.076.213L.006 3.2c-.009 1.968-.007 2 .181 2.387c.118.244.271.438.475.604c.077.064.995.591 2.04 1.171L4.6 8.418l.015 2.304c.014 2.069.02 2.322.061 2.478a1.9 1.9 0 0 0 .631.977c.145.111 2.585 1.481 2.947 1.654c.264.126.53.178.826.16a1.82 1.82 0 0 0 1.634-1.258l.072-.213l.009-1.773l.009-1.774l1.882-1.146c1.035-.631 1.949-1.198 2.031-1.261a1.84 1.84 0 0 0 .509-.625c.189-.375.191-.398.182-2.154l-.008-1.56l-.075-.213a1.8 1.8 0 0 0-1.5-1.214a1.9 1.9 0 0 0-.794.089c-.091.033-.797.411-1.568.839s-1.414.779-1.429.779c-.014 0-1.663-.955-3.664-2.123a536 536 0 0 0-3.79-2.2a1.8 1.8 0 0 0-1.151-.14m1.811 2.3l1.36.795l.007 1.754c.006 1.631.004 1.752-.038 1.736c-.135-.052-2.937-1.627-2.976-1.673c-.043-.051-.046-.17-.046-1.654V1.703l.078-.078c.055-.056.103-.078.166-.077c.067.001.422.196 1.449.796m4.529 2.642l1.484.867V7.54c0 .928-.004 1.687-.009 1.687s-.698-.383-1.54-.85l-1.531-.85l-.007-1.738l-.006-1.738l.063.035zm5.965-.626c.043.022.09.064.105.092c.018.033.028.533.028 1.423c0 1.269-.004 1.377-.047 1.427c-.026.03-.671.435-1.433.9c-.763.465-1.432.874-1.487.909l-.1.063l.001-1.66l.001-1.661l1.203-.666c1.772-.982 1.593-.897 1.729-.827m-6.008 5.793L9.252 11l.001 1.621c0 1.412-.005 1.632-.041 1.701a.26.26 0 0 1-.231.131c-.06 0-2.632-1.417-2.74-1.511l-.068-.057l-.007-1.789c-.004-.984.002-1.789.013-1.789s.707.381 1.547.846"/></svg>Terraform 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="nonicons:terraform-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="nonicons:terraform-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="nonicons:terraform-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--terraform-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:terraform-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nonicons:terraform-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/nonicons/terraform-16.svg" alt="Terraform 16 アイコン" width="24" height="24">Terraform 16 アイコン のよくある質問
Terraform 16 アイコンは商用利用でも無料ですか?
はい。Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Terraform 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="nonicons:terraform-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Terraform 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nonicons/terraform-16.svg" alt="Terraform 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。