ICONYZ
Français
Icône Japanese Symbol For Beginner de Fluent Emoji

Icône Japanese Symbol For Beginner

fluent-emoji:japanese-symbol-for-beginner

L'icône Japanese Symbol For Beginner (fluent-emoji:japanese-symbol-for-beginner) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji icons sont publiées sous la licence MIT, 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
Fluent Emoji
Auteur
Microsoft Corporation
Licence
MIT
Taille
32 × 32
Mots-clés
japanesesymbol, symbolfor, forbeginner, japanesesymbolforbeginner
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#if7Rmqn)"><path fill="url(#iUo4F5d)" d="m16.6 29.833l9.87-5.66c.31-.18.5-.51.5-.87v-20.8c0-.38-.42-.63-.75-.43L16.093 7.92a.25.25 0 0 0-.125.217v21.761c0 .055.045.1.1.097a1.14 1.14 0 0 0 .53-.163"/></g><g filter="url(#i0wMYBd)"><path fill="url(#itrc7Mb)" d="M15.97 8.137a.25.25 0 0 0-.126-.217L5.72 2.072a.502.502 0 0 0-.75.43l.01 20.8c0 .36.19.69.5.87l9.88 5.66c.16.09.334.144.51.16a.094.094 0 0 0 .1-.096z"/></g><defs><linearGradient id="iUo4F5d" x1="25.157" x2="21.469" y1="3.252" y2="27.377" gradientUnits="userSpaceOnUse"><stop offset=".141" stop-color="#53DB75"/><stop offset="1" stop-color="#51B56F"/></linearGradient><linearGradient id="itrc7Mb" x1="15.969" x2="15.969" y1="6.44" y2="29.997" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD556"/><stop offset="1" stop-color="#FFC156"/></linearGradient><filter id="if7Rmqn" width="11.5" height="28.243" x="15.719" y="1.752" 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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.607843 0 0 0 0 0.235294 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1970"/><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="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.466667 0 0 0 0 0.996078 0 0 0 0 0.576471 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1970" result="effect2_innerShadow_18590_1970"/><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="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.321569 0 0 0 0 0.501961 0 0 0 0 0.443137 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1970" result="effect3_innerShadow_18590_1970"/></filter><filter id="i0wMYBd" width="11.25" height="28.737" x="4.969" y="1.756" 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="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.890196 0 0 0 0 0.466667 0 0 0 0 0.317647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1970"/><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=".5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.94902 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1970" result="effect2_innerShadow_18590_1970"/><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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.541176 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1970" result="effect3_innerShadow_18590_1970"/></filter></defs></g></svg>

Comment utiliser l'icône Japanese Symbol For Beginner

React

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

<Icon icon="fluent-emoji:japanese-symbol-for-beginner" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:japanese-symbol-for-beginner" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:japanese-symbol-for-beginner" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--japanese-symbol-for-beginner]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:japanese-symbol-for-beginner"></div>

Web component

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

<iconify-icon icon="fluent-emoji:japanese-symbol-for-beginner"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/japanese-symbol-for-beginner.svg" alt="Icône Japanese Symbol For Beginner" width="24" height="24">

Icônes similaires dans Fluent Emoji

Icône japanese-acceptable-button
japanese-acceptable-button
 Icône japanese-application-button
japanese-application-button
 Icône japanese-bargain-button
japanese-bargain-button
 Icône japanese-castle
japanese-castle
 Icône japanese-congratulations-button
japanese-congratulations-button
 Icône japanese-discount-button
japanese-discount-button
 Icône japanese-dolls
japanese-dolls
 Icône japanese-free-of-charge-button
japanese-free-of-charge-button
 Icône japanese-here-button
japanese-here-button
 Icône japanese-monthly-amount-button
japanese-monthly-amount-button
 Icône japanese-no-vacancy-button
japanese-no-vacancy-button
 Icône japanese-not-free-of-charge-button
japanese-not-free-of-charge-button
 Icône japanese-open-for-business-button
japanese-open-for-business-button
 Icône japanese-passing-grade-button
japanese-passing-grade-button
 Icône japanese-post-office
japanese-post-office
 Icône japanese-prohibited-button
japanese-prohibited-button
 Icône japanese-reserved-button
japanese-reserved-button
 Icône japanese-secret-button
japanese-secret-button
 Icône japanese-service-charge-button
japanese-service-charge-button
 Icône japanese-vacancy-button
japanese-vacancy-button

L'icône Japanese Symbol For Beginner dans d'autres collections

Icône Japanese Symbol For Beginner de Emoji One (Colored)
Emoji One (Colored)
 Icône Japanese Symbol For Beginner de Emoji One (Monotone)
Emoji One (Monotone)
 Icône Japanese Symbol For Beginner de Emoji One (v1)
Emoji One (v1)
 Icône Japanese Symbol For Beginner de Fluent Emoji Flat
Fluent Emoji Flat
 Icône Japanese Symbol For Beginner de Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Icône Japanese Symbol For Beginner de Noto Emoji
Noto Emoji
 Icône Japanese Symbol For Beginner de Noto Emoji (v1)
Noto Emoji (v1)
 Icône Japanese Symbol For Beginner de OpenMoji
OpenMoji
 Icône Japanese Symbol For Beginner de Streamline Emojis
Streamline Emojis
 Icône Japanese Symbol For Beginner de Twitter Emoji
Twitter Emoji

FAQ : Icône Japanese Symbol For Beginner

L'icône Japanese Symbol For Beginner est-elle gratuite pour un usage commercial ?

Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Japanese Symbol For Beginner dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji:japanese-symbol-for-beginner" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Japanese Symbol For Beginner à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/japanese-symbol-for-beginner.svg" alt="Icône Japanese Symbol For Beginner">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji →