Иконка Rattle
icon-park:rattle
Иконка Rattle (icon-park:rattle) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Малыши
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><circle cx="30.075" cy="15.562" r="11" fill="#2F88FF" transform="rotate(40 30.075 15.562)"/><path d="M21.6485 8.49117C17.0389 8.53954 15.322 5.1407 13.0722 7.82186C11.0395 10.2443 13.5652 13.4572 11.6369 15.7553"/><path d="M25.3022 25.9167C25.3022 25.9167 21.1241 30.8959 19.5171 32.8111C17.9101 34.7262 17.8352 37.9269 15.9069 40.225C13.9785 42.5231 11.1609 42.7696 8.86272 40.8413C6.56459 38.9129 6.31808 36.0952 8.24644 33.7971C10.1748 31.499 13.3139 30.8694 14.9208 28.9543C16.5278 27.0392 20.0837 23.0608 20.7059 22.0599"/><circle cx="11.24" cy="19.339" r="3" fill="#2F88FF" transform="rotate(40 11.24 19.34)"/><circle cx="28.462" cy="37.707" r="3" fill="#2F88FF" transform="rotate(40 28.462 37.707)"/><path d="M37.2158 24.165C37.8454 27.304 40.0686 32.4331 38.0786 34.0268C36.0886 35.6205 31.554 32.4682 30.3917 35.4091"/></g></svg>Как использовать иконку Rattle
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:rattle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:rattle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:rattle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--rattle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:rattle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:rattle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/rattle.svg" alt="Иконка Rattle" width="24" height="24">Похожие иконки в наборе IconPark
Иконка Rattle в других наборах
Вопросы и ответы: Иконка Rattle
Можно ли бесплатно использовать иконку Rattle в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rattle в React?
Установите @iconify/react и выведите <Icon icon="icon-park:rattle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rattle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/rattle.svg" alt="Иконка Rattle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.