Иконка Family

openmoji:family

Иконка Family (openmoji:family) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Люди и тело

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M11 61V44.955C11 41.665 14.292 39 17.584 39c3.915 3.29 7.83 3.29 11.833 0h13.167c3.914 3.29 7.83 3.29 11.833 0C57.708 39 61 41.667 61 44.956V61"/><path fill="#b1cc33" d="M26.5 61v-2.533C26.5 56 29.002 54 31.504 54c2.975 2.467 5.95 2.467 8.992 0c2.502 0 5.004 2 5.004 4.467V61"/><g fill="#a57939"><path d="M37.127 38.999h5.457c3.914 3.29 7.83 3.29 11.833 0c1.27 0 2.538.4 3.619 1.076l.344-.163l1.7-2.038c1.957-2.222 1.578-5.904.422-8.66c-1.6-3.734-2.045-3.734-2.311-8.535c-.09-2.756-2.223-5.067-4.979-5.334c0 0-1.69-2.045-5.334-2.045c-4.268 0-8.18 2.312-9.157 5.957c-1.067 3.734.177 5.245-.89 8.09c-.933 2.4-2.93 3.739-2.91 6.624c.007.942.796 3.046 1.462 4.046zM13.929 21.39c.533-7.734 6.4-7.823 9.335-7.379c.266.09 1.067 0 1.333 0c5.334-.711 8.002 5.334 8.002 8.002c0 .978.225 3.365-1.108 4.699c0 0-3.249-3.721-3.427-5.855c0 0-10.135 3.823-10.846.533c0 0-.711 2.667-1.334 3.379c0 0-.328 2.044-.328 2.667c0 0-1.894-2.667-1.627-6.046"/><path d="M33.636 42.272c.469 3.363 4.486-.871 4.486-.871c.55 1.574 4.426 3.867 4.426 3.867c1.032-.955.526-2.852.372-3.513a5.12 5.12 0 0 0-5.808-4.115a6.5 6.5 0 0 1-1.032 0c-2.271-.337-6.03-.148-7.12 4.644c-.532 2.338.624 2.984.624 2.984s3.764-5.059 4.052-2.996"/></g><path fill="#fcea2b" d="M41.12 26.814c0 5.334 3.38 9.335 7.38 9.335s7.38-4.001 7.38-9.336c0-3.378-1.335-5.334-4.002-8c-2.667 2.666-10.668 6.045-10.668 7.378zm-13.075-5.957S17.91 24.68 17.2 21.39c0 0-.711 2.667-1.334 3.379c0 0-.318 1.983-.327 2.635c.459 5.148 3.841 9.2 7.943 9.2c4.286 0 7.782-4.427 7.98-9.903c-.104-.12-3.24-3.746-3.416-5.844m10.077 20.544s-4.018 4.234-4.487.87c-.258-1.846-3.294 2.005-3.929 2.835c-.073.335-.123.566-.123.588a6.776 6.776 0 0 0 6.489 7.031a6.776 6.776 0 0 0 6.488-7.03c0-.03-.059-.227-.15-.51c-.678-.414-3.8-2.383-4.288-3.784"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M31.5 25.569v.644c0 5.7-3.586 10.39-8 10.39s-8-4.69-8-10.39v-.644"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.929 21.39c.533-7.734 6.4-7.823 9.335-7.379c.266.09 1.067 0 1.333 0c5.334-.711 8.002 5.334 8.002 8.002c0 .978.225 3.365-1.108 4.699c0 0-3.249-3.721-3.427-5.855c0 0-10.135 3.823-10.846.533c0 0-.711 2.667-1.334 3.379c0 0-.328 2.044-.328 2.667c0 0-1.894-2.667-1.627-6.046M35.84 33.634c-.032-2.229 1.172-4.18 1.992-6.287c1.067-2.845-.178-4.356.889-8.09c.978-3.645 4.89-5.957 9.157-5.957c3.645 0 5.334 2.045 5.334 2.045c2.756.267 4.89 2.578 4.979 5.334c.267 4.801.711 4.801 2.311 8.535c1.062 2.533.773 5.366-.799 7.533"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M41.12 26.814c0 5.334 3.38 9.335 7.38 9.335s7.38-4.001 7.38-9.336c0-3.378-1.335-5.334-4.002-8c-2.667 2.666-10.668 6.045-10.668 7.378z"/><path d="M47.25 26.5c0 .714-.536 1.25-1.25 1.25s-1.25-.536-1.25-1.25s.536-1.25 1.25-1.25s1.25.536 1.25 1.25m5 0c0 .714-.536 1.25-1.25 1.25s-1.25-.536-1.25-1.25s.536-1.25 1.25-1.25s1.25.536 1.25 1.25"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M46.633 31.533a3.97 3.97 0 0 0 3.734 0"/><path d="M22.25 26.5c0 .714-.536 1.25-1.25 1.25s-1.25-.536-1.25-1.25s.536-1.25 1.25-1.25s1.25.536 1.25 1.25m5 0c0 .714-.536 1.25-1.25 1.25s-1.25-.536-1.25-1.25s.536-1.25 1.25-1.25s1.25.536 1.25 1.25"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.633 31.533a3.97 3.97 0 0 0 3.734 0"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M26.5 60.2v-1.733C26.5 56 29.002 54 31.504 54c2.975 2.467 5.95 2.467 8.993 0c2.502 0 5.003 2 5.003 4.467V60.2"/><path d="M38.798 45.702a.9.9 0 1 1-.898-.84a.87.87 0 0 1 .898.84"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M34.664 49.186a2.09 2.09 0 0 0 2.672 0"/><path d="m34.1 44.862l.06.002a.9.9 0 1 1-.958.838a.87.87 0 0 1 .898-.84"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.6" d="M42.55 45.268q.01.212.011.426a6.776 6.776 0 0 1-6.488 7.031a6.776 6.776 0 0 1-6.489-7.03q0-.143.005-.285"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M33.636 42.272c.47 3.363 4.487-.871 4.487-.871c.549 1.574 4.425 3.867 4.425 3.867c1.033-.955.526-2.852.372-3.513a5.12 5.12 0 0 0-5.808-4.115a6.5 6.5 0 0 1-1.032 0c-2.27-.337-6.03-.148-7.12 4.644c-.532 2.338.624 2.984.624 2.984s3.764-5.059 4.052-2.996"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M46.257 41.119c2.697.848 5.407.141 8.16-2.12c3.291 0 6.583 2.667 6.583 5.956V60m-50 0V44.955C11 41.665 14.292 39 17.584 39c2.682 2.253 5.364 2.963 8.075 2.128"/></svg>

Как использовать иконку Family

React

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

<Icon icon="openmoji:family" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:family" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:family" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--family]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:family"></div>

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

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

<iconify-icon icon="openmoji:family"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/family.svg" alt="Иконка Family" width="24" height="24">

Иконка Family в других наборах

Вопросы и ответы: Иконка Family

Можно ли бесплатно использовать иконку Family в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Family в React?

Установите @iconify/react и выведите <Icon icon="openmoji:family" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Family на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/family.svg" alt="Иконка Family">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →