Specialist アイコン
vaadin:specialist
Specialist アイコン(vaadin:specialist)は、Vaadin Icons セットの無料 SVG アイコンです（作者: Vaadin）。 24 × 24 のグリッドで描かれています。 Vaadin Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Vaadin Icons
- 作者
- Vaadin
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.1 8c.2.6.3 1.1.3 1.1c.8 1.3 1.8 1.1 1.8 1.8c0 .3-.2.6-.5.7L8 13.4l2.3-1.7c-.3-.2-.5-.4-.5-.7c0-.8 1-.5 1.8-1.8c0 0 .2-.4.3-1.1c.3-1.1.6-3.1.5-4.1h-1.5c0-.3.1-.6.1-1h1.1c-.3-1.4-1-2-2.2-2.3C9.4.3 8.7 0 8 0S6.6.3 6.1.7C4.9 1 4.3 1.6 3.9 3H5c0 .4.1.7.2 1H3.6c-.1 1 .2 3 .5 4m7.1.5l-.3.3l-.5.6c-.4.5-.8.8-1.4.9l-.4.1c-.4.1-.9.1-1.4 0l-.4-.1c-.6-.2-1.1-.5-1.5-1.1l-.2-.4l-.3-.3l-.7-.5l3.1-.9c.5-.1 1-.2 1.5 0l3.2.9zM6 3c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2"/><path fill="currentColor" d="M15.5 14.2c-1.3-2.4-2.6-2-3.9-2.2h-.1L8 14.6L4.5 12h-.1c-1.4.1-2.6-.2-3.9 2.2c-.2.4-.4 1.1-.5 1.8h16c-.1-.7-.3-1.4-.5-1.8"/></svg>Specialist アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="vaadin:specialist" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vaadin:specialist" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vaadin:specialist" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vaadin--specialist]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vaadin -->
<div class="i-vaadin:specialist"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vaadin:specialist"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/vaadin/specialist.svg" alt="Specialist アイコン" width="24" height="24">Specialist アイコン のよくある質問
Specialist アイコンは商用利用でも無料ですか?
はい。Vaadin Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Specialist アイコンを使うには?
@iconify/react をインストールして <Icon icon="vaadin:specialist" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Specialist アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vaadin/specialist.svg" alt="Specialist アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。