Yaml Alt3 アイコン
file-icons:yaml-alt3
Yaml Alt3 アイコン(file-icons:yaml-alt3)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
- タグ
- yamlalt3
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M0 177.734c1.378-6.237 12.102-2.976 41.961-3.373c7.018 16.699 13.733 40.65 18.65 67.555c2.963-21.548 9.374-44.194 14.519-60.358c2.263-6.224 2.357-7.261 10.111-7.357l32.58.207l-38.799 101.617l-.752 55.737c-.01 7.679-2.715 6.361-13.122 6.5l-25.27-.023l-.185-57.603zm130.616 61.903c-16.851 12.696-18.253 34.814-16.308 66.484c1.54 25.06 8.348 39.865 53.94 37.432c20.352-1.086 32.789-4.298 40.392-11.09c-.055-49.3 1.505-115.155.753-135.727c-2.76-26.092-21.979-28.71-43.152-27.597c-16.012.842-39.389 5.018-41.897 13.799c-1.255 16.056-.777 24.952 6.523 26.593c6.773-.502 39.639-8.78 40.14 4.516v25.59c-7.024-3.01-30.31-7.596-40.391 0m39.639 61.215c-.25 11.29-6.133 11.54-9.784 11.54c-10.036 0-7.025-31.36-7.025-31.36c0-14.05 11.314-23.551 17.31-12.042c0 0-.178 17.306-.501 31.862m63.116 37.883s19.39.396 26.929 0c7.54-.397 10.393-1.51 10.393-5.159V206.997c4.527-7.623 20.16-6.101 20.16 6.746v125.388h27.776c11.506 0 9.794-5.582 9.794-5.582V207.103c7.478-7.543 16.541-7.123 19.327 7.362l-.779 124.752s21.708.324 30.864.324s10.09-6.864 10.09-6.864V210.156c.629-19.693-10.9-38.637-26.824-40.862c-24.568-3.433-36.83 1.635-50.555 8.16c-11.025-11.915-43.801-11.397-77.175 1.744zm175.81-.691h95.069c4.976-.213 7.067-1.473 7.75-6.118v-29.494h-62.022V174.208c-25.502-.842-40.797-3.646-40.797 13.52zm100.646-143.691c0-19.132-20.044-31.154-35.992-21.588s-15.948 33.61 0 43.176s35.992-2.456 35.992-21.588m0 69.047c0-19.132-20.044-31.154-35.992-21.588s-15.948 33.61 0 43.176s35.992-2.456 35.992-21.588"/></svg>Yaml Alt3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:yaml-alt3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:yaml-alt3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:yaml-alt3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--yaml-alt3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:yaml-alt3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:yaml-alt3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/yaml-alt3.svg" alt="Yaml Alt3 アイコン" width="24" height="24">File Icons の関連アイコン
Yaml Alt3 アイコン のよくある質問
Yaml Alt3 アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yaml Alt3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:yaml-alt3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yaml Alt3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/yaml-alt3.svg" alt="Yaml Alt3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。