Иконка Skateboard Bold Duotone

solar:skateboard-bold-duotone

Иконка Skateboard Bold Duotone (solar:skateboard-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Спорт
Теги: skateboardbold, boldduotone, skateboardboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9 15C9 16.1046 8.10457 17 7 17C5.89543 17 5 16.1046 5 15C5 13.8954 5.89543 13 7 13C8.10457 13 9 13.8954 9 15Z"/><path d="M19 15C19 16.1046 18.1046 17 17 17C15.8954 17 15 16.1046 15 15C15 13.8954 15.8954 13 17 13C18.1046 13 19 13.8954 19 15Z"/><path fill-rule="evenodd" d="M1.58405 6.37604C1.9287 6.14628 2.39435 6.23941 2.62412 6.58405L3.43665 7.80286C4.03942 8.707 5.05417 9.25008 6.14081 9.25008H17.8593C18.946 9.25008 19.9607 8.707 20.5635 7.80285L21.376 6.58405C21.6058 6.23941 22.0715 6.14628 22.4161 6.37604C22.7608 6.60581 22.8539 7.07146 22.6241 7.4161L21.8116 8.6349C20.9306 9.95635 19.4475 10.7501 17.8593 10.7501H6.14081C4.55264 10.7501 3.06954 9.95635 2.18858 8.63491L1.37604 7.4161C1.14628 7.07146 1.23941 6.60581 1.58405 6.37604Z" clip-rule="evenodd" opacity=".5"/></g></svg>

Как использовать иконку Skateboard Bold Duotone

React

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

<Icon icon="solar:skateboard-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:skateboard-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:skateboard-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--skateboard-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:skateboard-bold-duotone"></div>

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

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

<iconify-icon icon="solar:skateboard-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/skateboard-bold-duotone.svg" alt="Иконка Skateboard Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Skateboard Bold Duotone

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

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

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

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

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

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

Все Иконки Solar →