ICONYZ
日本語
Skill Icons の Autocad Light アイコン

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 コード

<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 コードをページに直接貼り付けます。

Skill Icons をすべて見る →