Harmony O S Outlined アイコン
ant-design:harmony-o-s-outlined
Harmony O S Outlined アイコン(ant-design:harmony-o-s-outlined)は、Ant Design Icons セットの無料 SVG アイコンです（作者: HeskeyBaozi）。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ant Design Icons
- 作者
- HeskeyBaozi
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- harmonyo、os、soutlined、harmonyosoutlined
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M511.5 65C719.987 65 889 234.013 889 442.5S719.987 820 511.5 820S134 650.987 134 442.5S303.013 65 511.5 65m0 64C338.359 129 198 269.359 198 442.5S338.359 756 511.5 756S825 615.641 825 442.5S684.641 129 511.5 129M745 889v72H278v-72z"/></svg>Harmony O S Outlined アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:harmony-o-s-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:harmony-o-s-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:harmony-o-s-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--harmony-o-s-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:harmony-o-s-outlined"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:harmony-o-s-outlined"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ant-design/harmony-o-s-outlined.svg" alt="Harmony O S Outlined アイコン" width="24" height="24">Harmony O S Outlined アイコン のよくある質問
Harmony O S Outlined アイコンは商用利用でも無料ですか?
はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Harmony O S Outlined アイコンを使うには?
@iconify/react をインストールして <Icon icon="ant-design:harmony-o-s-outlined" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Harmony O S Outlined アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/harmony-o-s-outlined.svg" alt="Harmony O S Outlined アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。