ICONYZ
日本語
Material Icon Theme の Semgrep アイコン

Semgrep アイコン

material-icon-theme:semgrep

Semgrep アイコン(material-icon-theme:semgrep)は、Material Icon Theme セットの無料 SVG アイコンです(作者: Material Extensions)。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Icon Theme
作者
Material Extensions
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#00bfa5" d="M5.918 8.101a3.898 3.898 0 1 0 3.041 6.336l.004-.005l.002.001q.055-.069.107-.142a2.7 2.7 0 0 0 .36-.602l.029-.064l.03-.067h.13a2 2 0 0 1-.117.348a7 7 0 0 1-.38.705l-.007.01A3.9 3.9 0 0 0 12 15.898a3.9 3.9 0 0 0 2.883-1.277l-.006-.01a7 7 0 0 1-.383-.705a2 2 0 0 1-.117-.348h.13q.035.079.071.155a2.7 2.7 0 0 0 .348.578l.023.03l.008.01q.038.052.078.1v.003l.002.002a3.898 3.898 0 1 0 .149-5.047c.238.385.416.677.537.974h-.137c-.238-.388-.319-.543-.545-.802a3.89 3.89 0 0 0-3.04-1.46a3.89 3.89 0 0 0-3.042 1.46c-.226.26-.309.414-.547.802h-.135c.121-.297.297-.589.536-.974a3.9 3.9 0 0 0-2.895-1.287zm0 1.715a2.184 2.184 0 1 1 0 4.368a2.184 2.184 0 0 1 0-4.368m6.082 0a2.184 2.184 0 1 1 0 4.368a2.184 2.184 0 0 1 0-4.368m6.082 0c1.206 0 2.182.978 2.182 2.184a2.182 2.182 0 1 1-4.366 0c0-1.206.978-2.184 2.184-2.184"/></svg>

Semgrep アイコンの使い方

React

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

<Icon icon="material-icon-theme:semgrep" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:semgrep" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:semgrep" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--semgrep]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:semgrep"></div>

Web コンポーネント

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

<iconify-icon icon="material-icon-theme:semgrep"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-icon-theme/semgrep.svg" alt="Semgrep アイコン" width="24" height="24">

他のアイコンセットの Semgrep アイコン

Semgrep アイコン のよくある質問

Semgrep アイコンは商用利用でも無料ですか?

はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Semgrep アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-icon-theme:semgrep" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Semgrep アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/semgrep.svg" alt="Semgrep アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Icon Theme アイコン をすべて見る →