Xd アイコン
skill-icons:xd
Xd アイコン(skill-icons:xd)は、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="#470137" rx="60"/><path fill="#ff61f6" d="m134.239 80.215l-30 49.5l32 52.5c.2.4.3.8.2 1.2s-.5.1-1.1.2h-22.9c-1.6 0-2.7-.1-3.4-1.1c-2.1-4.2-4.3-8.3-6.4-12.5c-2.1-4.1-4.4-8.3-6.8-12.6s-4.8-8.6-7.2-13h-.2c-2.1 4.3-4.4 8.6-6.7 12.9s-4.6 8.6-6.8 12.8c-2.3 4.2-4.6 8.5-6.9 12.6c-.4 1-1.2 1.1-2.3 1.1h-22c-.4 0-.7.2-.7-.3c-.1-.4 0-.8.2-1.1l31.1-51l-30.3-51.3c-.3-.4-.4-.8-.2-1c.2-.3.6-.4 1-.4h22.7c.5 0 1 .1 1.4.2c.4.2.7.5 1 .9c1.9 4.3 4.1 8.6 6.4 12.9c2.4 4.3 4.7 8.5 7.2 12.7c2.4 4.2 4.6 8.4 6.7 12.7h.2c2.1-4.4 4.3-8.7 6.5-12.9s4.5-8.4 6.8-12.6s4.5-8.5 6.7-12.6c.1-.4.3-.8.6-1c.4-.2.8-.3 1.3-.2h21.1c.5-.1 1 .2 1.1.7c.1.1-.1.5-.3.7m46.2 105.501c-7.4.1-14.8-1.4-21.5-4.5c-6.3-2.9-11.5-7.7-15.1-13.6c-3.7-6.1-5.5-13.7-5.5-22.8c-.1-7.4 1.8-14.7 5.5-21.1c3.8-6.5 9.3-11.9 15.9-15.5c7-3.9 15.4-5.8 25.3-5.8c.5 0 1.2 0 2.1.1s1.9.1 3.1.2v-31.6c0-.7.3-1.1 1-1.1h20.3c.5-.1.9.3 1 .7v95.4c0 1.8.1 3.8.2 6c.2 2.1.3 4.1.4 5.8c0 .7-.3 1.3-1 1.6c-5.2 2.2-10.7 3.8-16.3 4.8c-5.1.9-10.2 1.4-15.4 1.4m9.8-20v-44c-.9-.2-1.8-.4-2.7-.5c-1.1-.1-2.2-.2-3.3-.2c-3.9 0-7.8.8-11.3 2.6c-3.4 1.7-6.3 4.2-8.5 7.4s-3.3 7.5-3.3 12.7c-.1 3.5.5 7 1.7 10.3c1 2.7 2.5 5.1 4.5 7.1c1.9 1.8 4.2 3.2 6.8 4c2.7.9 5.5 1.3 8.3 1.3c1.5 0 2.9-.1 4.2-.2c1.3.1 2.4-.1 3.6-.5"/></g></svg>Xd アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:xd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:xd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:xd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--xd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:xd"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:xd"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/xd.svg" alt="Xd アイコン" width="24" height="24">他のアイコンセットの Xd アイコン
Xd アイコン のよくある質問
Xd アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xd アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:xd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xd アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/xd.svg" alt="Xd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。