Issues Close Outlined アイコン
ant-design:issues-close-outlined
Issues Close Outlined アイコン(ant-design:issues-close-outlined)は、Ant Design Icons セットの無料 SVG アイコンです（作者: HeskeyBaozi）。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ant Design Icons
- 作者
- HeskeyBaozi
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- issuesclose、closeoutlined、issuescloseoutlined、issue、issues close、issues close outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M464 688a48 48 0 1 0 96 0a48 48 0 1 0-96 0m72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 0 0-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0 0 26 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7m-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 0 1-49.8 62.2A355.9 355.9 0 0 1 651.1 840a355 355 0 0 1-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.9 355.9 0 0 1-113.3-76.3A353.1 353.1 0 0 1 184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2s70.9-58.4 113.3-76.3a355 355 0 0 1 138.7-27.9c48.1 0 94.8 9.4 138.7 27.9c42.4 17.9 80.5 43.6 113.3 76.3c19 19 35.6 39.8 49.8 62.2c2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80C278.9 77.2 80.5 272.5 80 511.2C79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 0 0 892 694"/></svg>Issues Close Outlined アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:issues-close-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:issues-close-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:issues-close-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--issues-close-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:issues-close-outlined"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:issues-close-outlined"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ant-design/issues-close-outlined.svg" alt="Issues Close Outlined アイコン" width="24" height="24">Issues Close Outlined アイコン のよくある質問
Issues Close Outlined アイコンは商用利用でも無料ですか?
はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Issues Close Outlined アイコンを使うには?
@iconify/react をインストールして <Icon icon="ant-design:issues-close-outlined" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Issues Close Outlined アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/issues-close-outlined.svg" alt="Issues Close Outlined アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。