Иконка Torsos All
foundation:torsos-all
Иконка Torsos All (foundation:torsos-all) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Foundation
- Автор
- Zurb
- Лицензия
- MIT
- Размер
- 100 × 100
- Теги
- torsosall, torso
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m96.117 57.583l-16.185-7.719c3.774-2.373 6.338-7.016 6.338-12.354c0-7.754-5.397-14.034-12.058-14.034c-2.289 0-4.403.781-6.223 2.066a24.5 24.5 0 0 1 1.701 8.999c0 4.782-1.411 9.317-3.825 13.066a12.3 12.3 0 0 0 2.809 2.36l-.01.003l10.426 4.971c2.947 1.427 4.853 4.583 4.853 8.045v13.54h11.148c1.489 0 2.694-1.401 2.694-3.13V60.492c0-1.282-.659-2.42-1.668-2.909m-64.55-7.758a12.3 12.3 0 0 0 2.368-1.987c-2.514-3.781-3.972-8.401-3.972-13.297c0-3.271.646-6.37 1.777-9.17c-1.76-1.172-3.773-1.895-5.948-1.895c-6.666 0-12.062 6.28-12.062 14.034c0 5.425 2.651 10.12 6.524 12.457l-16.349 7.61c-1.02.479-1.691 1.629-1.691 2.915v12.903c0 1.729 1.209 3.13 2.694 3.13h10.805v-13.54c0-3.503 1.938-6.672 4.943-8.08z"/><path fill="currentColor" d="m76.94 59.386l-14.077-6.715l-5.952-2.84c2.6-1.637 4.711-4.165 6.093-7.21a19.5 19.5 0 0 0 1.749-8.081c0-1.642-.26-3.201-.623-4.706c-1.771-7.293-7.466-12.665-14.302-12.665c-6.708 0-12.316 5.181-14.196 12.266c-.434 1.625-.733 3.315-.733 5.105c0 3.109.727 6.008 1.961 8.529c1.427 2.925 3.542 5.337 6.116 6.888l-5.702 2.654l-14.534 6.768c-1.262.591-2.092 2.016-2.092 3.606v15.97c0 2.14 1.492 3.875 3.333 3.875h51.691c1.841 0 3.333-1.735 3.333-3.875v-15.97c.001-1.584-.815-2.995-2.065-3.599"/></svg>Как использовать иконку Torsos All
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:torsos-all" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:torsos-all" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:torsos-all" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--torsos-all]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:torsos-all"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:torsos-all"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/foundation/torsos-all.svg" alt="Иконка Torsos All" width="24" height="24">Похожие иконки в наборе Foundation
Вопросы и ответы: Иконка Torsos All
Можно ли бесплатно использовать иконку Torsos All в коммерческих проектах?
Да. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Torsos All в React?
Установите @iconify/react и выведите <Icon icon="foundation:torsos-all" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Torsos All на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/foundation/torsos-all.svg" alt="Иконка Torsos All">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.