Ícone People Interwoven 48

fluent-color:people-interwoven-48

O ícone People Interwoven 48 (fluent-color:people-interwoven-48) é um ícone SVG gratuito da coleção Fluent UI System Color Icons de Microsoft Corporation. Ele é desenhado em uma grade de 48 × 48. Fluent UI System Color 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: Fluent UI System Color Icons
Autor: Microsoft Corporation
Licença: MIT
Tamanho: 48 × 48
Tags: peopleinterwoven

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGUNuefavq)" d="M33.274 42.786c5.07 0 8.603-5.874 10.431-8.863a1.95 1.95 0 0 0-.15-2.27l-6.693-8.128c-1.754-2.13-5.24-2.009-6.82.235l-2.043 2.913s-1.353 1.316-2.144 1.316c-.79 0-5.075 3.498-5.075 3.498l-1.693 7.89c2.06-2.935 3.593-1.906 4.626-1.364c3.13 1.642 5.776 4.773 9.56 4.773"/><path fill="url(#SVGAEI4LbSJ)" fill-opacity=".5" d="M33.274 42.786c5.07 0 8.603-5.874 10.431-8.863a1.95 1.95 0 0 0-.15-2.27l-6.693-8.128c-1.754-2.13-5.24-2.009-6.82.235l-2.043 2.913s-1.353 1.316-2.144 1.316c-.79 0-5.075 3.498-5.075 3.498l-1.693 7.89c2.06-2.935 3.593-1.906 4.626-1.364c3.13 1.642 5.776 4.773 9.56 4.773"/><path fill="url(#SVG0c26lbbr)" d="M14.727 22c-5.07 0-8.603 5.874-10.432 8.863a1.95 1.95 0 0 0 .15 2.27l6.694 8.128c1.753 2.129 5.24 2.009 6.82-.236l10.954-15.617c-2.059 2.936-3.593 1.906-4.626 1.365C21.157 25.13 18.512 22 14.727 22"/><path fill="url(#SVGPc4dJTgI)" d="M14.727 22c-5.07 0-8.603 5.874-10.432 8.863a1.95 1.95 0 0 0 .15 2.27l6.694 8.128c1.753 2.129 5.24 2.009 6.82-.236l10.954-15.617c-2.059 2.936-3.593 1.906-4.626 1.365C21.157 25.13 18.512 22 14.727 22"/><path fill="url(#SVGIodU4dLH)" d="M14.727 22c-5.07 0-8.603 5.874-10.432 8.863a1.95 1.95 0 0 0 .15 2.27l6.694 8.128c1.753 2.129 5.24 2.009 6.82-.236l10.954-15.617c-2.059 2.936-3.593 1.906-4.626 1.365C21.157 25.13 18.512 22 14.727 22"/><circle cx="15" cy="12" r="6" fill="url(#SVGNguw8daE)"/><circle cx="15" cy="12" r="6" fill="url(#SVGraqoebHa)"/><circle cx="15" cy="12" r="6" fill="url(#SVGm10Ylb3T)"/><ellipse cx="32.998" cy="12" fill="url(#SVGaLGVdZuC)" rx="5.998" ry="6"/><ellipse cx="32.998" cy="12" fill="url(#SVGteW48brK)" rx="5.998" ry="6"/><ellipse cx="32.998" cy="12" fill="url(#SVGXlNPEcKN)" rx="5.998" ry="6"/><defs><radialGradient id="SVGUNuefavq" cx="0" cy="0" r="1" gradientTransform="rotate(21.985 -64.237 63.54)scale(28.6271 19.9963)" gradientUnits="userSpaceOnUse"><stop offset=".136" stop-color="#003580"/><stop offset=".366" stop-color="#0057aa"/><stop offset="1" stop-color="#0fafff"/></radialGradient><radialGradient id="SVGAEI4LbSJ" cx="0" cy="0" r="1" gradientTransform="rotate(37.46 -32.487 39.667)scale(14.6466 14.0532)" gradientUnits="userSpaceOnUse"><stop stop-color="#76eb95"/><stop offset=".407" stop-color="#76eb95" stop-opacity=".338"/><stop offset="1" stop-color="#76eb95" stop-opacity="0"/></radialGradient><radialGradient id="SVGPc4dJTgI" cx="0" cy="0" r="1" gradientTransform="rotate(111.85 6.335 20.89)scale(24.5444 25.5687)" gradientUnits="userSpaceOnUse"><stop stop-color="#2bdabe"/><stop offset=".443" stop-color="#13accf"/><stop offset="1" stop-color="#0078d4"/></radialGradient><radialGradient id="SVGraqoebHa" cx="0" cy="0" r="1" gradientTransform="rotate(113.199 5.922 8.21)scale(12.1852)" gradientUnits="userSpaceOnUse"><stop stop-color="#2bdabe"/><stop offset=".518" stop-color="#16bbda"/><stop offset=".75" stop-color="#119fc5"/><stop offset="1" stop-color="#0078d4"/></radialGradient><radialGradient id="SVGm10Ylb3T" cx="0" cy="0" r="1" gradientTransform="rotate(-49.636 17.664 -16.525)scale(14.3175 14.8209)" gradientUnits="userSpaceOnUse"><stop stop-color="#76eb95"/><stop offset="1" stop-color="#16bbda" stop-opacity="0"/></radialGradient><radialGradient id="SVGteW48brK" cx="0" cy="0" r="1" gradientTransform="rotate(113.193 14.92 14.144)scale(12.1847 12.1824)" gradientUnits="userSpaceOnUse"><stop stop-color="#2bdabe"/><stop offset=".518" stop-color="#16bbda"/><stop offset=".75" stop-color="#119fc5"/><stop offset="1" stop-color="#0078d4"/></radialGradient><radialGradient id="SVGXlNPEcKN" cx="0" cy="0" r="1" gradientTransform="rotate(-49.643 26.661 -35.977)scale(14.3159 14.8185)" gradientUnits="userSpaceOnUse"><stop stop-color="#76eb95"/><stop offset="1" stop-color="#16bbda" stop-opacity="0"/></radialGradient><linearGradient id="SVG0c26lbbr" x1="26.422" x2="16.702" y1="22" y2="46.366" gradientUnits="userSpaceOnUse"><stop stop-color="#3bd5ff"/><stop offset="1" stop-color="#0095ff"/></linearGradient><linearGradient id="SVGIodU4dLH" x1="14" x2="13.229" y1="34.484" y2="19.351" gradientUnits="userSpaceOnUse"><stop stop-color="#16bbda" stop-opacity="0"/><stop offset="1" stop-color="#76eb95"/></linearGradient><linearGradient id="SVGNguw8daE" x1="12" x2="17.794" y1="6" y2="17.449" gradientUnits="userSpaceOnUse"><stop stop-color="#3bd5ff"/><stop offset="1" stop-color="#006ee3"/></linearGradient><linearGradient id="SVGaLGVdZuC" x1="29.999" x2="35.794" y1="6" y2="17.448" gradientUnits="userSpaceOnUse"><stop stop-color="#3bd5ff"/><stop offset="1" stop-color="#006ee3"/></linearGradient></defs></g></svg>

Como usar o ícone People Interwoven 48

React

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

<Icon icon="fluent-color:people-interwoven-48" width="24" />

Vue

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

<template>
  <Icon icon="fluent-color:people-interwoven-48" width="24" />
</template>

Svelte

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

<Icon icon="fluent-color:people-interwoven-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-color--people-interwoven-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-color -->
<div class="i-fluent-color:people-interwoven-48"></div>

Web component

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

<iconify-icon icon="fluent-color:people-interwoven-48"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent-color/people-interwoven-48.svg" alt="Ícone People Interwoven 48" width="24" height="24">

Ícones relacionados em Fluent UI System Color Icons

Perguntas frequentes sobre Ícone People Interwoven 48

O ícone People Interwoven 48 é grátis para uso comercial?

Sim. Fluent UI System Color Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone People Interwoven 48 no React?

Instale @iconify/react e renderize <Icon icon="fluent-color:people-interwoven-48" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone People Interwoven 48 a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-color/people-interwoven-48.svg" alt="Ícone People Interwoven 48">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Fluent UI System Color Icons →