ICONYZ
Português (Brasil)
Ícone Harmony O S Outlined de Ant Design Icons

Ícone Harmony O S Outlined

ant-design:harmony-o-s-outlined

O ícone Harmony O S Outlined (ant-design:harmony-o-s-outlined) é um ícone SVG gratuito da coleção Ant Design Icons de HeskeyBaozi. Ele é desenhado em uma grade de 1024 × 1024. Ant Design Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Ant Design Icons
Autor
HeskeyBaozi
Licença
MIT
Tamanho
1024 × 1024
Tags
harmonyo, os, soutlined, harmonyosoutlined
Baixar SVG

Código 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>

Como usar o ícone 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 component

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ant-design/harmony-o-s-outlined.svg" alt="Ícone Harmony O S Outlined" width="24" height="24">

Perguntas frequentes sobre Ícone Harmony O S Outlined

O ícone Harmony O S Outlined é grátis para uso comercial?

Sim. Ant Design Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Harmony O S Outlined no React?

Instale @iconify/react e renderize <Icon icon="ant-design:harmony-o-s-outlined" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Harmony O S Outlined a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ant-design/harmony-o-s-outlined.svg" alt="Ícone Harmony O S Outlined">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ant Design Icons →