Иконка User Speak Bold Duotone

solar:user-speak-bold-duotone

Иконка User Speak Bold Duotone (solar:user-speak-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Пользователи
Теги: userspeak, speakbold, boldduotone, userspeakboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.3569 1.36424C18.57 1.00906 19.0307 0.893883 19.3859 1.10699L19 1.75011C19.3859 1.10699 19.3859 1.10699 19.3859 1.10699L19.3873 1.10783L19.3888 1.10878L19.3925 1.11103L19.4021 1.11695C19.4095 1.12153 19.4187 1.12737 19.4297 1.13448C19.4517 1.14871 19.4808 1.16809 19.516 1.19272C19.5863 1.24194 19.6813 1.31244 19.7926 1.4052C20.0147 1.59029 20.3052 1.86678 20.5945 2.24283C21.1773 3.00057 21.75 4.15746 21.75 5.75011C21.75 7.34277 21.1773 8.49966 20.5945 9.2574C20.3052 9.63345 20.0147 9.90994 19.7926 10.095C19.6813 10.1878 19.5863 10.2583 19.516 10.3075C19.4808 10.3321 19.4517 10.3515 19.4297 10.3657C19.4242 10.3693 19.4192 10.3725 19.4146 10.3754C19.41 10.3784 19.4058 10.381 19.4021 10.3833L19.3925 10.3892L19.3888 10.3914L19.3873 10.3924C19.3873 10.3924 19.3859 10.3932 19 9.75011L19.3859 10.3932C19.0307 10.6063 18.57 10.4912 18.3569 10.136C18.1447 9.7823 18.258 9.32398 18.6097 9.1097L18.6152 9.10616C18.6225 9.10145 18.6363 9.09231 18.6558 9.07866C18.6949 9.05132 18.7562 9.00619 18.8324 8.9427C18.9853 8.81529 19.1948 8.61678 19.4055 8.34283C19.8227 7.80057 20.25 6.95746 20.25 5.75011C20.25 4.54277 19.8227 3.69966 19.4055 3.1574C19.1948 2.88345 18.9853 2.68494 18.8324 2.55753C18.7562 2.49403 18.6949 2.44891 18.6558 2.42157C18.6363 2.40792 18.6225 2.39878 18.6152 2.39406L18.6097 2.39053C18.258 2.17625 18.1447 1.71793 18.3569 1.36424Z"/><path d="M10 9.75011C12.2091 9.75011 14 7.95925 14 5.75011C14 3.54097 12.2091 1.75011 10 1.75011C7.79086 1.75011 6 3.54097 6 5.75011C6 7.95925 7.79086 9.75011 10 9.75011Z"/><path d="M17.3859 3.10699C17.0307 2.89388 16.57 3.00906 16.3569 3.36424L16.6051 4.38774L16.6129 4.39305C16.6246 4.40125 16.6468 4.41747 16.6761 4.4419C16.7353 4.49119 16.8198 4.57095 16.9055 4.6824C17.0727 4.89966 17.25 5.24277 17.25 5.75011C17.25 6.25746 17.0727 6.60057 16.9055 6.81783C16.8198 6.92928 16.7353 7.00904 16.6761 7.05832C16.6468 7.08276 16.6246 7.09897 16.6129 7.10717L16.6051 7.11249C16.257 7.32794 16.1456 7.78382 16.3569 8.13599C16.57 8.49117 17.0307 8.60634 17.3859 8.39323L17 7.75011C17.3859 8.39323 17.3859 8.39323 17.3859 8.39323L17.3872 8.39243L17.3887 8.39156L17.3918 8.38963L17.3993 8.38504L17.4185 8.37282C17.4332 8.36333 17.4515 8.35108 17.4731 8.33602C17.516 8.30594 17.572 8.26435 17.6364 8.21065C17.7647 8.10369 17.9302 7.94594 18.0945 7.7324C18.4273 7.29966 18.75 6.64277 18.75 5.75011C18.75 4.85746 18.4273 4.20057 18.0945 3.76783C17.9302 3.55428 17.7647 3.39654 17.6364 3.28957C17.572 3.23588 17.516 3.19428 17.4731 3.1642C17.4515 3.14914 17.4332 3.1369 17.4185 3.1274L17.3993 3.11519L17.3918 3.11059L17.3887 3.10867L17.3872 3.1078C17.3872 3.1078 17.3859 3.10699 17 3.75011L17.3859 3.10699Z"/><path d="M2 17.25C2 19.7353 2 21.75 10 21.75C18 21.75 18 19.7353 18 17.25C18 14.7647 14.4183 12.75 10 12.75C5.58172 12.75 2 14.7647 2 17.25Z" opacity=".5"/></g></svg>

Как использовать иконку User Speak Bold Duotone

React

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

<Icon icon="solar:user-speak-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:user-speak-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:user-speak-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--user-speak-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:user-speak-bold-duotone"></div>

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

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

<iconify-icon icon="solar:user-speak-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/user-speak-bold-duotone.svg" alt="Иконка User Speak Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка User Speak Bold Duotone

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

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

Как использовать иконку User Speak Bold Duotone в React?

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

Как добавить иконку User Speak Bold Duotone на веб-страницу?

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

Все Иконки Solar →