Иконка Tiny Planet Fx Pro
arcticons:tiny-planet-fx-pro
Иконка Tiny Planet Fx Pro (arcticons:tiny-planet-fx-pro) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Arcticons
- Автор
- Donnnno
- Лицензия
- CC-BY-SA-4.0
- Размер
- 48 × 48
- Теги
- tinyplanet, planetfx, fxpro, tinyplanetfxpro
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.726 10.216a15.41 15.41 0 0 0-18.115 3.192m26.596 10.454a15.38 15.38 0 0 0-6.472-12.434m4.273 20.483a15.3 15.3 0 0 0 1.871-4.76M28.356 38.692a15.4 15.4 0 0 0 6.79-4.297M11.587 14.61A15.399 15.399 0 0 0 23.81 39.374a15.5 15.5 0 0 0 2.316-.173"/><circle cx="28.519" cy="18.663" r="1.829" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="19.502" cy="16.539" r="1.349" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="19.247" cy="26.632" r="1.624" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24.757" cy="29.879" r="1.624" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="33.988" cy="27.656" r="1.499" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="38.806" cy="25.475" r="1.663" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.185 40.114q.005-.035.007-.07a.997.997 0 0 0-1.93-.351a1.66 1.66 0 1 0 .94 3.074a1.417 1.417 0 1 0 .984-2.653M29.529 4.993c.007-.022.018-.043.024-.065a.997.997 0 0 0-1.786-.812a1.66 1.66 0 1 0 .161 3.21a1.417 1.417 0 1 0 1.6-2.333M7.303 31.333a1.453 1.453 0 0 0-2.491-1.017a1.451 1.451 0 1 0-1.441 2.5a1.765 1.765 0 1 0 3.497-.447a1.45 1.45 0 0 0 .435-1.036M9.986 7.629a1.453 1.453 0 0 0-1.216 2.4a1.451 1.451 0 1 0 2.374 1.64a1.765 1.765 0 1 0-.162-3.523a1.45 1.45 0 0 0-.996-.517m32.367 21.786a1.22 1.22 0 0 0-1.02 2.015a1.219 1.219 0 1 0 1.993 1.376a1.482 1.482 0 1 0-.135-2.957a1.22 1.22 0 0 0-.838-.434m.663-10.845a1.565 1.565 0 1 0-1.525 1.222a1.55 1.55 0 0 0 .713-.18a.66.66 0 0 0 .449.18a.67.67 0 0 0 .671-.671a.66.66 0 0 0-.308-.55M6.146 20.87a1.565 1.565 0 1 0-1.936-.264a1.55 1.55 0 0 0 .621.393a.66.66 0 0 0 .18.449a.67.67 0 0 0 .95.023a.66.66 0 0 0 .185-.602M14.57 43.27a1.565 1.565 0 1 0-1.562-1.174a1.55 1.55 0 0 0 .35.646a.664.664 0 1 0 1.211.529"/><circle cx="20.175" cy="42.767" r="1.547" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="9.972" cy="37.848" r="1.576" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="5.461" cy="25.835" r="1.357" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="7.979" cy="15.129" r="1.16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="19.339" cy="5.696" r="1.186" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="36.662" cy="10.253" r="1.102" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="39.756" cy="13.669" r="1.35" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="43.958" cy="24.293" r="1.542" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="35.956" cy="33.063" r="1.56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="27.252" cy="38.994" r="1.146" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.964 27.995a1.095 1.095 0 0 0-1.095-1.094c-.023 0-.044.005-.067.006a1.258 1.258 0 1 0-2.484.355a1.243 1.243 0 1 0 1.068 2.223a1.224 1.224 0 0 0 2.305-.773a1.1 1.1 0 0 0 .273-.717"/><circle cx="23.152" cy="11.034" r="1.255" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="31.699" cy="10.881" r="1.175" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="27.507" cy="33.834" r=".642" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="29.899" cy="34.834" r=".669" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12.687" cy="14.508" r="1.1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m27.6 7.391l-.421 1.558m8.705 2.085l-1.734 1.534m4.578 1.973L36.796 15.7m3.222 3.055l-1.586.386m3.983 5.152l-2.491-.045m1.409 7.182l-3.298-1.551m-7.689 9.646l-.543-1.361m-9.419 3.056l.45-2.133m-5.616 1.216l1.364-2.727m-5.618-.949l1.928-1.793m-5.624-3.817l2.41-.917m-2.859-4.265l1.679-.222m-1.63-5.726l1.961.514m.17-4.725l1.37.782m1.594-5l1.254 1.344m6.285-5.933l.357 2.221"/><circle cx="36.612" cy="38.172" r="1.125" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m34.147 35.388l1.809 1.872"/></svg>Как использовать иконку Tiny Planet Fx Pro
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:tiny-planet-fx-pro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:tiny-planet-fx-pro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:tiny-planet-fx-pro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--tiny-planet-fx-pro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:tiny-planet-fx-pro"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:tiny-planet-fx-pro"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/arcticons/tiny-planet-fx-pro.svg" alt="Иконка Tiny Planet Fx Pro" width="24" height="24">Похожие иконки в наборе Arcticons
Вопросы и ответы: Иконка Tiny Planet Fx Pro
Можно ли бесплатно использовать иконку Tiny Planet Fx Pro в коммерческих проектах?
Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Tiny Planet Fx Pro в React?
Установите @iconify/react и выведите <Icon icon="arcticons:tiny-planet-fx-pro" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tiny Planet Fx Pro на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/tiny-planet-fx-pro.svg" alt="Иконка Tiny Planet Fx Pro">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.