Emacs アイコン
skill-icons:emacs
Emacs アイコン(skill-icons:emacs)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- emac
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="url(#SVG8n8eRb3d)" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M86.53 227.747s11.67.822 26.684-.496c6.08-.533 29.165-2.791 46.424-6.561c0 0 21.043-4.484 32.301-8.616c11.779-4.322 18.189-7.991 21.074-13.19c-.126-1.065.888-4.842-4.544-7.111c-13.888-5.801-29.994-4.752-61.866-5.425c-35.343-1.209-47.101-7.1-53.364-11.845c-6.006-4.813-2.986-18.13 22.748-29.86c12.963-6.247 63.78-17.774 63.78-17.774c-17.114-8.424-49.027-23.233-55.587-26.431c-5.753-2.804-14.96-7.028-16.956-12.137c-2.263-4.905 5.344-9.13 9.593-10.34c13.684-3.931 33.003-6.374 50.585-6.648c8.838-.138 10.272-.704 10.272-.704c12.195-2.015 20.222-10.323 16.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171 2.572-48.328 12.452-48.328 12.452c42.22-.364 49.287.338 52.443 4.732c1.864 2.595-.847 6.153-12.107 7.985c-12.259 1.993-37.741 4.394-37.741 4.394c-24.445 1.446-41.665 1.543-46.83 12.431c-3.373 7.114 3.599 13.403 6.654 17.34c12.914 14.301 31.567 22.014 43.573 27.694c4.518 2.137 17.773 6.173 17.773 6.173c-38.951-2.134-67.05 9.777-83.531 23.49c-18.642 17.171-10.396 37.637 27.796 50.239c22.558 7.443 33.745 10.944 67.393 7.927c19.819-1.064 22.943-.431 23.141 1.188c.278 2.28-22.014 7.944-28.099 9.692c-15.483 4.447-56.068 13.427-56.271 13.471" clip-rule="evenodd"/><defs><linearGradient id="SVG8n8eRb3d" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#8381c5"/><stop offset=".615" stop-color="#7e55b3"/><stop offset="1" stop-color="#a52ecb"/></linearGradient></defs></g></svg>Emacs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:emacs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:emacs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:emacs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--emacs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:emacs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:emacs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/emacs.svg" alt="Emacs アイコン" width="24" height="24">他のアイコンセットの Emacs アイコン
Emacs アイコン のよくある質問
Emacs アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Emacs アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:emacs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Emacs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/emacs.svg" alt="Emacs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。