Иконка No Bicycles
fluent-emoji:no-bicycles
Иконка No Bicycles (fluent-emoji:no-bicycles) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- nobicycles, bicycle
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#imTdp7G)"><path fill="url(#ibSEgGb)" d="M24.493 22.225a10.84 10.84 0 0 0 2.05-6.35c0-6.03-4.91-10.94-10.94-10.93c-2.368 0-4.56.762-6.35 2.05a.245.245 0 0 0-.028.373L24.12 22.253a.245.245 0 0 0 .373-.028"/><path fill="url(#ibSEgGb)" d="M6.722 9.515a10.85 10.85 0 0 0-2.06 6.36c0 6.03 4.91 10.94 10.94 10.94c2.368 0 4.56-.772 6.359-2.06a.245.245 0 0 0 .028-.373L7.095 9.488a.245.245 0 0 0-.373.027"/></g><g filter="url(#iEIw7dd)"><path fill="#504D52" d="M8.602 10.38a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-3.551a.5.5 0 0 1-.377.277c-.11.017-.272.134-.411.535a3.7 3.7 0 0 0-.175 1.107a.5.5 0 0 1-1 0c0-.368.055-.931.23-1.436c.054-.153.126-.321.223-.483h-.439zm8.5.5a.5.5 0 0 0 0 1h1.17l-.276.645h-6.918a.5.5 0 0 0-.492.41l-.36 1.947l-.124-.002a3.5 3.5 0 1 0 1.108.179l.284-1.533h6.075l-1.12 2.618a.5.5 0 0 0 .92.393l.941-2.203l.632 1.292a3.5 3.5 0 1 0 .869-.5l-.982-2.007l.53-1.239h.743a.5.5 0 0 0 0-1zm-7 10a2.5 2.5 0 0 1-.061-5l-.453 2.446a.5.5 0 0 0 .983.182l.454-2.452a2.5 2.5 0 0 1-.923 4.824m9.293-4.326a2.5 2.5 0 0 0-.769 1.479a.5.5 0 0 1 .32-.116h1.116zm-.755 2.259c.084.065.19.104.306.104h1.917a.5.5 0 0 0 .45-.72l-1.061-2.169a2.5 2.5 0 1 1-1.612 2.784"/></g><g filter="url(#irPPqbd)"><path fill="url(#iXsRaYb)" d="M15.602 1.925c-7.69 0-13.95 6.26-13.95 13.95s6.26 13.95 13.95 13.95s13.95-6.25 13.95-13.95s-6.25-13.95-13.95-13.95m10.94 13.95c0 2.367-.762 4.56-2.05 6.35a.245.245 0 0 1-.372.028L9.225 7.368a.245.245 0 0 1 .028-.373a10.84 10.84 0 0 1 6.35-2.05c6.03-.01 10.94 4.9 10.94 10.93m-21.88 0c0-2.377.772-4.57 2.06-6.36a.245.245 0 0 1 .373-.027L21.99 24.382a.245.245 0 0 1-.028.373a10.9 10.9 0 0 1-6.359 2.06c-6.03 0-10.94-4.91-10.94-10.94"/></g><defs><linearGradient id="ibSEgGb" x1="21.652" x2="11.715" y1="7.675" y2="18.363" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF7FF"/><stop offset="1" stop-color="#FBF2FF"/></linearGradient><linearGradient id="iXsRaYb" x1="28.027" x2="10.527" y1="15.875" y2="15.875" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5075"/><stop offset="1" stop-color="#FF4B51"/></linearGradient><filter id="imTdp7G" width="22.18" height="22.17" x="4.362" y="4.945" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.901961 0 0 0 0 0.819608 0 0 0 0 0.901961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_579"/></filter><filter id="iEIw7dd" width="18.3" height="12.3" x="6.302" y="9.88" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.164706 0 0 0 0 0.203922 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_579"/></filter><filter id="irPPqbd" width="28.6" height="28.6" x="1.352" y="1.525" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.882353 0 0 0 0 0.113725 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_579"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_579" result="effect2_innerShadow_18590_579"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".3"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.458824 0 0 0 0 0.568627 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_579" result="effect3_innerShadow_18590_579"/></filter></defs></g></svg>
Как использовать иконку No Bicycles
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:no-bicycles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:no-bicycles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:no-bicycles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--no-bicycles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:no-bicycles"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:no-bicycles"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/no-bicycles.svg" alt="Иконка No Bicycles" width="24" height="24">
Похожие иконки в наборе Fluent Emoji
Иконка No Bicycles в других наборах
Вопросы и ответы: Иконка No Bicycles
Можно ли бесплатно использовать иконку No Bicycles в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку No Bicycles в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:no-bicycles" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку No Bicycles на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/no-bicycles.svg" alt="Иконка No Bicycles">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji →
ICONYZ
