Adonis アイコン
skill-icons:adonis
Adonis アイコン(skill-icons:adonis)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
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="#5a45fe" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M46.617 160.689L89.46 63.317C96.694 46.903 110.604 38 128.13 38s31.437 8.903 38.671 25.317l42.844 97.372c1.947 4.73 3.616 10.85 3.616 16.136c0 24.204-16.971 41.175-41.175 41.175c-8.243 0-14.793-2.104-21.419-4.234c-6.791-2.182-13.666-4.391-22.537-4.391c-8.768 0-15.816 2.231-22.741 4.422C98.692 215.916 92.106 218 84.174 218C59.971 218 43 201.029 43 176.825c0-5.286 1.67-11.406 3.617-16.136m81.514-80.4L85.844 175.99c12.52-5.843 26.986-8.625 42.287-8.625c14.745 0 29.768 2.782 41.731 8.625z" clip-rule="evenodd"/></g></svg>Adonis アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:adonis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:adonis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:adonis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--adonis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:adonis"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:adonis"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/adonis.svg" alt="Adonis アイコン" width="24" height="24">他のアイコンセットの Adonis アイコン
Adonis アイコン のよくある質問
Adonis アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Adonis アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:adonis" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Adonis アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/adonis.svg" alt="Adonis アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。