Иконка Congenital Outline
material-symbols-light:congenital-outline
Иконка Congenital Outline (material-symbols-light:congenital-outline) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Социальное
- Теги
- congenitaloutline, congenital outline sharp, congenital outline rounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.973 18.02q-2.211 0-4.08-1.122q-1.868-1.121-2.908-3.077l-.568-1.054q-.198-.396-.145-.832q.053-.437.338-.777l4.544-5.53q.187-.216.429-.362q.242-.147.515-.197t.54-.012t.535.174L12 6.754l2.45-1.35q.271-.154.583-.117t.546.27q.234.23.293.519t-.083.58l-2.85 6.667q-.218.477-.67.706t-.965.117l-7.87-1.663l.404.769q.881 1.736 2.53 2.742T9.973 17h4.148q1.356 0 2.602-.506q1.246-.505 2.202-1.455l.711-.712h-1.58q-.752 0-1.224-.565q-.473-.566-.367-1.293l.58-3.892q.055-.302.25-.506q.193-.204.459-.29q.265-.087.524-.013q.258.074.468.309l2.658 3.1q.279.315.337.73q.059.414-.133.805l-.356.742q-.971 2.106-2.899 3.336t-4.232 1.23zm10.287-4.756l.47-1.056q.04-.096.02-.173t-.077-.154l-2.515-2.923q-.039-.039-.087-.02q-.048.02-.048.058l-.52 3.556q-.037.27.136.49q.173.222.461.222zm-16.6-1.775l7.954 1.688q.096.039.202-.029q.105-.067.144-.163l2.756-6.395q.038-.057-.01-.096t-.087 0L12 7.958L8.679 6.135q-.192-.096-.404-.058t-.365.212zm15.457.719"/></svg>Как использовать иконку Congenital Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:congenital-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:congenital-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:congenital-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--congenital-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:congenital-outline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:congenital-outline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/congenital-outline.svg" alt="Иконка Congenital Outline" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Congenital Outline в других наборах
Вопросы и ответы: Иконка Congenital Outline
Можно ли бесплатно использовать иконку Congenital Outline в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Congenital Outline в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:congenital-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Congenital Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/congenital-outline.svg" alt="Иконка Congenital Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.