Icône Kick Scooter
noto-v1:kick-scooter
L'icône Kick Scooter (noto-v1:kick-scooter) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Noto Emoji (v1)
- Auteur
- Google Inc
- Licence
- Apache-2.0
- Taille
- 128 × 128
- Catégorie
- Voyage et lieux
- Mots-clés
- kickscooter
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle cx="16.3" cy="107.1" r="14" fill="#2f2f2f"/><circle cx="16.3" cy="107.1" r="7.7" fill="#65878d"/><circle cx="111.4" cy="107.1" r="14" fill="#2f2f2f"/><circle cx="111.4" cy="107.1" r="7.7" fill="#65878d"/><path fill="#ed6c30" d="M76.9 98.9H39.5c-1.1 0-2 .9-2 2v2.2c0 1.1.9 2 2 2H77c1.1 0 2-.9 2-2v-2.2c-.1-1.1-1-2-2.1-2"/><path fill="#fcc21b" d="M36.6 110.2c-1.7 0-3.1-1.3-3.1-2.9s1.4-2.9 3.1-2.9h73.9c1.7 0 3.1 1.3 3.1 2.9s-1.4 2.9-3.1 2.9z"/><path fill="#fcc21b" d="M110.5 105c1.4 0 2.6 1.1 2.6 2.4s-1.2 2.4-2.6 2.4H36.6c-1.4 0-2.6-1.1-2.6-2.4s1.2-2.4 2.6-2.4zm0-1H36.6c-2 0-3.6 1.5-3.6 3.4s1.6 3.4 3.6 3.4h73.9c2 0 3.6-1.5 3.6-3.4s-1.7-3.4-3.6-3.4"/><path fill="#2f2f2f" d="m18.7 77l-4.9 29.5c-.2 1.3.7 2.5 1.9 2.7c1.3.2 2.5-.7 2.7-1.9l4.9-29.6zm16-65.5l-8.6 51.2l-4.7-.6L30 10.7c.2-1.3 1.4-2.2 2.7-1.9c1.3.2 2.2 1.4 2 2.7"/><path fill="#fcc21b" d="M23 89.3h-.4L16 88.1c-1.4-.2-2.3-1.5-2.1-2.9l5.9-35.4c.2-1.2 1.2-2.1 2.5-2.1h.4l6.6 1.1c.7.1 1.2.5 1.6 1s.5 1.2.4 1.9l-5.9 35.4c-.1 1.3-1.2 2.2-2.4 2.2"/><path fill="#fcc21b" d="M22.3 48.3h.3l6.6 1.1c1.1.2 1.8 1.2 1.6 2.3L25 87.1c-.2 1-1 1.7-2 1.7h-.3l-6.6-1.1c-1.1-.2-1.8-1.2-1.6-2.3L20.3 50c.2-1 1.1-1.7 2-1.7m0-1c-1.5 0-2.7 1.1-3 2.5l-5.9 35.4c-.3 1.6.8 3.2 2.5 3.5l6.6 1.1h.5c1.5 0 2.7-1.1 3-2.5l5.9-35.4c.3-1.6-.8-3.2-2.5-3.5l-6.6-1.1z"/><path fill="#fcc21b" d="M36.7 110.2c-1.8 0-3.2-1.4-3.2-3.2v-.2c-.1-9.3-7.2-16.9-16.4-17.6H17c-1.7 0-3.2-1.4-3.2-3.2c0-1.7 1.3-3.1 3-3.2h.5C30 83.8 40 94.4 40 107.1v.5h-.1c-.3 1.5-1.6 2.6-3.2 2.6"/><path fill="#fcc21b" d="M17.3 83.4c12.4.9 22.1 11.2 22.1 23.8c0 1.4-1.2 2.6-2.7 2.6s-2.7-1.2-2.7-2.7v-.2c-.1-9.5-7.5-17.3-16.9-18.1H17c-1.5 0-2.7-1.2-2.7-2.7s1.2-2.7 2.7-2.7zm-.9-1.1v.1c-1.7.3-3 1.8-3 3.6c0 1.7 1.2 3.1 2.7 3.6h.3c.2 0 .4.1.6.1c9 .7 15.8 8.1 16 17.1v.2c0 2 1.7 3.7 3.7 3.7c1.7 0 3.1-1.1 3.5-2.6h.2v-1c0-13-10.1-23.9-23.1-24.8z"/><circle cx="32.3" cy="11.6" r="6.1" fill="#fcc21b" stroke="#fcc21b" stroke-miterlimit="10" stroke-width="2"/><circle cx="32.3" cy="11.6" r="2.8" fill="#2f2f2f"/><path fill="#fcc21b" d="M122.4 90.1c.8-1.8.1-4-1.6-4.8c-2.9-1.4-7.1-1.8-10.5-1.8c-12.5.4-22.3 10.4-22.3 23.1v1h6.8v-1c0-8.8 6.9-15.6 15.5-15.9c2.8-.1 5.4.1 8 .9c2.2.5 3.4.3 4.1-1.5"/></svg>
Comment utiliser l'icône Kick Scooter
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:kick-scooter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:kick-scooter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:kick-scooter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--kick-scooter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:kick-scooter"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:kick-scooter"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/kick-scooter.svg" alt="Icône Kick Scooter" width="24" height="24">
L'icône Kick Scooter dans d'autres collections
FAQ : Icône Kick Scooter
L'icône Kick Scooter est-elle gratuite pour un usage commercial ?
Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Kick Scooter dans React ?
Installez @iconify/react et affichez <Icon icon="noto-v1:kick-scooter" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Kick Scooter à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/kick-scooter.svg" alt="Icône Kick Scooter">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Noto Emoji (v1) →
ICONYZ
