Autocad Light アイコン
skill-icons:autocad-light
Autocad Light アイコン(skill-icons:autocad-light)は、Skill Icons セットの無料 SVG アイコンです(作者: tandpfun)。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- autocadlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#bf2223" d="M105.96 27.024L148.381 27c9.611 16.923 17.714 34.758 24.624 53.057c2.764 6.798 5.557 13.597 7.799 20.609c3.356 10.271 7.587 20.204 10.796 30.534c6.304 21.742 11.874 43.713 17.473 65.661c2.088 8.741 4.979 17.239 6.861 26.032c-2.968 1.007-5.951 1.979-8.913 3.016c-3.328 1.104-6.861.993-10.309 1.302c-4.936.501-9.893.824-14.836 1.266l-11.903-8.564c-.543-3.952-.458-7.991-1.171-11.927c-2.023-12.619-5.197-25.009-8.807-37.23l-66.185 9.587c-.494 2.774-1.008 5.555-1.51 8.336c-2.213 9.859-1.656 20.072-2.249 30.115l-15.118 9.735c-.973.779-2.242.352-3.35.338c-3.737-.39-7.495-.375-11.218-.846c-3.794-.493-7.856.213-11.403-1.582c-2.968-1.442-6.029-2.678-8.962-4.201c3.378-16.754 7.87-33.242 12.248-49.738c5.409-20.58 11.882-40.836 18.546-61.003c9.336-29.152 21.197-57.42 35.166-84.475zm18.383 59.397c-5.507 16.673-11.882 33.007-17.777 49.533l35.201-20.234c-3.427-9.97-6.882-19.925-10.507-29.814c-.69-1.67-1.382-3.826-3.286-4.297c-2.263.28-2.926 2.936-3.631 4.812"/></g></svg>Autocad Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:autocad-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:autocad-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:autocad-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--autocad-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:autocad-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:autocad-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/autocad-light.svg" alt="Autocad Light アイコン" width="24" height="24">Skill Icons の関連アイコン
Autocad Light アイコン のよくある質問
Autocad Light アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Autocad Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:autocad-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Autocad Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/autocad-light.svg" alt="Autocad Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。