Иконка Torso

foundation:torso

Иконка Torso (foundation:torso) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Foundation
Автор: Zurb
Лицензия: MIT
Размер: 100 × 100

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m80.161 60.441l-15.66-7.47l-6.622-3.159c2.892-1.822 5.241-4.634 6.778-8.022a21.7 21.7 0 0 0 1.946-8.99c0-1.827-.29-3.562-.694-5.236C63.94 19.453 57.605 13.477 50 13.477c-7.461 0-13.701 5.763-15.792 13.645c-.482 1.808-.815 3.688-.815 5.68c0 3.459.808 6.684 2.181 9.489c1.587 3.254 3.94 5.937 6.804 7.662l-6.342 2.953l-16.168 7.53c-1.404.658-2.327 2.242-2.327 4.011v17.765c0 2.381 1.659 4.312 3.708 4.312h57.505c2.048 0 3.708-1.93 3.708-4.312V64.446c-.002-1.763-.91-3.332-2.301-4.005"/></svg>

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

React

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

<Icon icon="foundation:torso" width="24" />

Vue

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

<template>
  <Icon icon="foundation:torso" width="24" />
</template>

Svelte

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

<Icon icon="foundation:torso" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="foundation:torso"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Foundation →