Science Filled アイコン
boxicons:science-filled
Science Filled アイコン(boxicons:science-filled)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.93 3.07c-1.27-1.27-3.42-1.42-6.06-.4c-.94.36-1.9.86-2.87 1.46c-.97-.61-1.93-1.1-2.87-1.46c-2.63-1.01-4.79-.87-6.06.4C1.28 4.86 1.8 8.31 4.12 12c-2.32 3.69-2.84 7.14-1.05 8.93c.71.71 1.7 1.07 2.89 1.07c.94 0 2.01-.22 3.17-.67c.94-.36 1.9-.86 2.87-1.46c.97.61 1.93 1.1 2.87 1.46c1.16.45 2.23.67 3.17.67c1.19 0 2.18-.36 2.89-1.07c1.79-1.79 1.27-5.24-1.05-8.93c2.32-3.69 2.84-7.14 1.05-8.93M4.48 4.48C4.8 4.16 5.31 4 5.97 4c.68 0 1.52.18 2.44.53c.58.22 1.18.51 1.79.85c-.87.67-1.74 1.43-2.56 2.25c-.84.84-1.58 1.69-2.25 2.55c-1.45-2.6-1.79-4.82-.91-5.7M12 6.54c1 .72 2 1.56 2.95 2.51c.97.97 1.8 1.97 2.5 2.95c-.7.98-1.53 1.97-2.5 2.95C14 15.9 13 16.74 12 17.46c-1-.72-2-1.56-2.95-2.51c-.97-.97-1.8-1.97-2.5-2.95c.7-.98 1.53-1.97 2.5-2.95C10 8.1 11 7.26 12 6.54M8.41 19.46c-1.8.69-3.27.71-3.93.05c-.88-.88-.54-3.1.91-5.7c.66.85 1.41 1.71 2.25 2.55a25 25 0 0 0 2.56 2.25c-.61.34-1.2.63-1.79.85m11.1.05c-.66.66-2.13.64-3.93-.05c-.58-.22-1.18-.51-1.79-.85c.87-.67 1.74-1.43 2.56-2.25c.84-.84 1.58-1.69 2.25-2.55c1.45 2.6 1.79 4.82.91 5.7m-.91-9.33c-.66-.85-1.41-1.71-2.25-2.55a25 25 0 0 0-2.56-2.25c.61-.34 1.2-.63 1.79-.85c.92-.35 1.76-.53 2.44-.53s1.16.16 1.49.48c.88.88.54 3.1-.91 5.7"/><path fill="currentColor" d="M13.77 13.77c.98-.98.98-2.56 0-3.54s-2.56-.98-3.54 0s-.98 2.56 0 3.54s2.56.98 3.54 0"/></svg>Science Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:science-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:science-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:science-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--science-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:science-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:science-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/science-filled.svg" alt="Science Filled アイコン" width="24" height="24">Boxicons の関連アイコン
Science Filled アイコン のよくある質問
Science Filled アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Science Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:science-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Science Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/science-filled.svg" alt="Science Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。