Yuque Outlined アイコン
ant-design:yuque-outlined
Yuque Outlined アイコン(ant-design:yuque-outlined)は、Ant Design Icons セットの無料 SVG アイコンです(作者: HeskeyBaozi)。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ant Design Icons
- 作者
- HeskeyBaozi
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- yuqueoutlined、yuque outline、yuque
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M854.6 370.6c-9.9-39.4 9.9-102.2 73.4-124.4l-67.9-3.6s-25.7-90-143.6-98c-117.8-8.1-194.9-3-195-3c.1 0 87.4 55.6 52.4 154.7c-25.6 52.5-65.8 95.6-108.8 144.7c-1.3 1.3-2.5 2.6-3.5 3.7C319.4 605 96 860 96 860c245.9 64.4 410.7-6.3 508.2-91.1c20.5-.2 35.9-.3 46.3-.3c135.8 0 250.6-117.6 245.9-248.4c-3.2-89.9-31.9-110.2-41.8-149.6m-204.1 334q-15.9 0-46.8.3l-23.6.2l-17.8 15.5c-47.1 41-104.4 71.5-171.4 87.6c-52.5 12.6-110 16.2-172.7 9.6c18-20.5 36.5-41.6 55.4-63.1c92-104.6 173.8-197.5 236.9-268.5l1.4-1.4l1.3-1.5c4.1-4.6 20.6-23.3 24.7-28.1c9.7-11.1 17.3-19.9 24.5-28.6c30.7-36.7 52.2-67.8 69-102.2l1.6-3.3l1.2-3.4c13.7-38.8 15.4-76.9 6.2-112.8c22.5.7 46.5 1.9 71.7 3.6c33.3 2.3 55.5 12.9 71.1 29.2c5.8 6 10.2 12.5 13.4 18.7c1 2 1.7 3.6 2.3 5l5 17.7c-15.7 34.5-19.9 73.3-11.4 107.2c3 11.8 6.9 22.4 12.3 34.4c2.1 4.7 9.5 20.1 11 23.3c10.3 22.7 15.4 43 16.7 78.7c3.3 94.6-82.7 181.9-182 181.9"/></svg>Yuque Outlined アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:yuque-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:yuque-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:yuque-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--yuque-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:yuque-outlined"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:yuque-outlined"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ant-design/yuque-outlined.svg" alt="Yuque Outlined アイコン" width="24" height="24">Ant Design Icons の関連アイコン
Yuque Outlined アイコン のよくある質問
Yuque Outlined アイコンは商用利用でも無料ですか?
はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yuque Outlined アイコンを使うには?
@iconify/react をインストールして <Icon icon="ant-design:yuque-outlined" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yuque Outlined アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/yuque-outlined.svg" alt="Yuque Outlined アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。