Иконка Skateboarding Round Bold Duotone

solar:skateboarding-round-bold-duotone

Иконка Skateboarding Round Bold Duotone (solar:skateboarding-round-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
Категория: Спорт
Теги: skateboardinground, roundbold, boldduotone, skateboardingroundboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21 4C21 5.10457 20.1046 6 19 6C17.8954 6 17 5.10457 17 4C17 2.89543 17.8954 2 19 2C20.1046 2 21 2.89543 21 4Z"/><path fill-rule="evenodd" d="M10.21 6.0468C11.6039 5.17566 13.3359 5.04228 14.8467 5.68975C16.0283 6.19616 16.3248 7.73583 15.4158 8.64486L13.7618 10.2988C13.4124 10.6483 13.4384 11.2224 13.8181 11.5388L14.8145 12.3691C15.4073 12.8631 15.75 13.5949 15.75 14.3665V16.5C15.75 16.9142 15.4142 17.25 15 17.25C14.5858 17.25 14.25 16.9142 14.25 16.5V14.3665C14.25 14.04 14.105 13.7304 13.8542 13.5215L12.8578 12.6911C11.8005 11.8101 11.728 10.2113 12.7012 9.23817L14.3552 7.5842C14.5138 7.42556 14.462 7.15685 14.2558 7.06847C13.1966 6.61452 11.9822 6.70804 11.005 7.3188L8.89751 8.636C8.54625 8.85553 8.08354 8.74875 7.86401 8.3975C7.64447 8.04625 7.75126 7.58353 8.10251 7.364L10.21 6.0468ZM2.49828 16.4425C2.80617 16.1654 3.28038 16.1904 3.55748 16.4983L4.16575 17.1741C4.78209 17.859 5.66013 18.25 6.58146 18.25H17.4186C18.3399 18.25 19.2179 17.859 19.8343 17.1741L20.4425 16.4983C20.7196 16.1904 21.1938 16.1654 21.5017 16.4425C21.8096 16.7196 21.8346 17.1938 21.5575 17.5017L20.9492 18.1776C20.0484 19.1785 18.7651 19.75 17.4186 19.75H6.58146C5.2349 19.75 3.95161 19.1785 3.05081 18.1776L2.44254 17.5017C2.16544 17.1938 2.1904 16.7196 2.49828 16.4425Z" clip-rule="evenodd"/><g opacity=".5"><path d="M8 21C8 21.5523 7.55228 22 7 22C6.44772 22 6 21.5523 6 21C6 20.4477 6.44772 20 7 20C7.55228 20 8 20.4477 8 21Z"/><path d="M18 21C18 21.5523 17.5523 22 17 22C16.4477 22 16 21.5523 16 21C16 20.4477 16.4477 20 17 20C17.5523 20 18 20.4477 18 21Z"/><path d="M16.5 9.25C16.0858 9.25 15.75 9.58579 15.75 10C15.75 10.4142 16.0858 10.75 16.5 10.75H19.5C19.9142 10.75 20.25 10.4142 20.25 10C20.25 9.58579 19.9142 9.25 19.5 9.25H16.5Z"/><path d="M11.5303 14.5303C11.8232 14.2374 11.8232 13.7626 11.5303 13.4697C11.2374 13.1768 10.7626 13.1768 10.4697 13.4697L9.84835 14.091C9.37153 14.5678 9.27147 14.6491 9.16569 14.6929C9.05991 14.7367 8.93168 14.75 8.25736 14.75H7C6.58579 14.75 6.25 15.0858 6.25 15.5C6.25 15.9142 6.58579 16.25 7 16.25H8.25736L8.36147 16.2501C8.87058 16.2509 9.32241 16.2516 9.73972 16.0787C10.157 15.9059 10.476 15.5859 10.8355 15.2253L10.909 15.1516L11.5303 14.5303Z"/></g></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →