Иконка Parachute Bold
ph:parachute-bold
Иконка Parachute Bold (ph:parachute-bold) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Phosphor
- Автор
- Phosphor Icons
- Лицензия
- MIT
- Размер
- 256 × 256
- Теги
- skydiving, safety, parachutebold
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M236 120A108.12 108.12 0 0 0 128 12A108.12 108.12 0 0 0 20 120a12 12 0 0 0 3.85 8.79l.22.2c.17.15.35.31.54.45l.19.16L116 198v14h-4a12 12 0 0 0 0 24h32a12 12 0 0 0 0-24h-4v-14l91.2-68.4a12 12 0 0 0 4.8-9.6m-24.85-12h-31.52c-1.79-29.27-10-50.53-18.93-65.36A84.27 84.27 0 0 1 211.15 108m-110.73 0C103.15 68.76 119 48.11 128 39.38c9 8.73 24.85 29.38 27.58 68.62ZM95.3 42.64c-9 14.83-17.14 36.09-18.93 65.36H44.85A84.27 84.27 0 0 1 95.3 42.64M68 132h48v36Zm72 0h48l-48 36Z"/></svg>Как использовать иконку Parachute Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:parachute-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:parachute-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:parachute-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--parachute-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:parachute-bold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:parachute-bold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/ph/parachute-bold.svg" alt="Иконка Parachute Bold" width="24" height="24">Похожие иконки в наборе Phosphor
Вопросы и ответы: Иконка Parachute Bold
Можно ли бесплатно использовать иконку Parachute Bold в коммерческих проектах?
Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Parachute Bold в React?
Установите @iconify/react и выведите <Icon icon="ph:parachute-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Parachute Bold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ph/parachute-bold.svg" alt="Иконка Parachute Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.