ICONYZ
Русский
Иконка Harmony O S Outlined из набора Ant Design Icons

Иконка Harmony O S Outlined

ant-design:harmony-o-s-outlined

Иконка Harmony O S Outlined (ant-design:harmony-o-s-outlined) — бесплатная SVG-иконка из набора Ant Design Icons от 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

<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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Harmony O S Outlined в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Ant Design Icons →