ICONYZ
日本語
Ant Design Icons の Aliwangwang Outlined アイコン

Aliwangwang Outlined アイコン

ant-design:aliwangwang-outlined

Aliwangwang Outlined アイコン(ant-design:aliwangwang-outlined)は、Ant Design Icons セットの無料 SVG アイコンです(作者: HeskeyBaozi)。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Ant Design Icons
作者
HeskeyBaozi
ライセンス
MIT
サイズ
1024 × 1024
タグ
aliwangwangoutlined、aliwangwang、aliwangwang outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M868.2 377.4c-18.9-45.1-46.3-85.6-81.2-120.6a377.3 377.3 0 0 0-120.5-81.2A375.65 375.65 0 0 0 519 145.8c-41.9 0-82.9 6.7-121.9 20C306 123.3 200.8 120 170.6 120c-2.2 0-7.4 0-9.4.2c-11.9.4-22.8 6.5-29.2 16.4c-6.5 9.9-7.7 22.4-3.4 33.5l64.3 161.6a378.6 378.6 0 0 0-52.8 193.2c0 51.4 10 101 29.8 147.6c18.9 45 46.2 85.6 81.2 120.5c34.7 34.8 75.4 62.1 120.5 81.2C418.3 894 467.9 904 519 904c51.3 0 100.9-10.1 147.7-29.8c44.9-18.9 85.5-46.3 120.4-81.2c34.7-34.8 62.1-75.4 81.2-120.6a376.5 376.5 0 0 0 29.8-147.6c-.2-51.2-10.1-100.8-29.9-147.4m-66.4 266.5a307.1 307.1 0 0 1-65.9 98c-28.4 28.5-61.3 50.7-97.7 65.9h-.1c-38 16-78.3 24.2-119.9 24.2a306.5 306.5 0 0 1-217.5-90.2c-28.4-28.5-50.6-61.4-65.8-97.8v-.1c-16-37.8-24.1-78.2-24.1-119.9c0-55.4 14.8-109.7 42.8-157l13.2-22.1l-9.5-23.9L206 192c14.9.6 35.9 2.1 59.7 5.6c43.8 6.5 82.5 17.5 114.9 32.6l19 8.9l19.9-6.8c31.5-10.8 64.8-16.2 98.9-16.2a306.5 306.5 0 0 1 217.5 90.2c28.4 28.5 50.6 61.4 65.8 97.8l.1.1l.1.1c16 37.6 24.1 78 24.2 119.8c-.1 41.7-8.3 82-24.3 119.8M681.1 364.2c-20.4 0-37.1 16.7-37.1 37.1v55.1c0 20.4 16.6 37.1 37.1 37.1s37.1-16.7 37.1-37.1v-55.1c0-20.5-16.7-37.1-37.1-37.1m-175.2 0c-20.5 0-37.1 16.7-37.1 37.1v55.1c0 20.4 16.7 37.1 37.1 37.1c20.5 0 37.1-16.7 37.1-37.1v-55.1c0-20.5-16.7-37.1-37.1-37.1"/></svg>

Aliwangwang Outlined アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ant-design:aliwangwang-outlined" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ant-design:aliwangwang-outlined" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ant-design:aliwangwang-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--aliwangwang-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:aliwangwang-outlined"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ant-design:aliwangwang-outlined"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ant-design/aliwangwang-outlined.svg" alt="Aliwangwang Outlined アイコン" width="24" height="24">

Ant Design Icons の関連アイコン

Aliwangwang Outlined アイコン のよくある質問

Aliwangwang Outlined アイコンは商用利用でも無料ですか?

はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Aliwangwang Outlined アイコンを使うには?

@iconify/react をインストールして <Icon icon="ant-design:aliwangwang-outlined" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Aliwangwang Outlined アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/aliwangwang-outlined.svg" alt="Aliwangwang Outlined アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Ant Design Icons をすべて見る →