Styledcomponents アイコン
devicon-plain:styledcomponents
Styledcomponents アイコン(devicon-plain:styledcomponents)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- styledcomponent
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M128 .618v23.899c-7.962 3.175-28.11-4.764-25.764-12.254L105.881.618zm-17.816 23.87l-7.61 32.613c1.448 1.783 4.003 2.389 6.2 1.507l9.562-31.47c-2.714-.545-5.462-1.467-8.028-2.596l-.124-.055zm-9.347 34.198c-6.529 6.815-2.201 16.732-11.873 22.335c11.901 2.461 19.813-11.76 20.136-20.034c-2.953.942-6.241.098-8.263-2.301m-8.8 16.2c-8.653 5.009-20.72 15.642-21.802 17.659c-1.609 2.993 2.508 14.458 9.034 11.528c6.844-3.234 18.365-12.714 21.118-23.185c-3.354 2.206-7.411 3.363-11.9 2.434l-6.035-1.244l5.332-3.091c2.11-1.223 3.387-2.57 4.253-4.102zM96.497 93a49 49 0 0 1-3.473 3.858c-4.272 4.275-8.986 7.563-12.75 9.342l-.022.009l-.019.009c-2.238 1.005-4.679.773-6.494-.235c-1.815-1.007-3.11-2.59-4.079-4.285a16.7 16.7 0 0 1-1.924-5.259l-.028-.16l-38.281 31.103h45.217c11.33-10.955 25.363-23.85 21.853-34.382M58.732 68.07c5.214-5.714 28.257-25.773 32.513-21.45c3.87 3.931 1.747 12.597-7.48 22.779c-7.309 8.061-16.518 13.488-21.305 9.695c-3.975-3.144-6.768-7.69-3.728-11.024m28.317 1.138a67 67 0 0 1-1.543 1.769c-3.808 4.2-8.09 7.74-12.295 9.824c-2.103 1.042-4.2 1.732-6.288 1.86c-2.086.128-4.222-.379-5.92-1.722c-2.21-1.748-4.159-3.869-5.209-6.375a8.3 8.3 0 0 1-.633-2.834L0 117.37v10.012h25.697l41.846-33.997a5.5 5.5 0 0 1 .62-1.952c.362-.674.722-1.055 1.226-1.607s1.13-1.179 1.865-1.883c1.471-1.41 3.383-3.113 5.535-4.91c3.236-2.703 6.991-5.611 10.586-8.005a18 18 0 0 0-.326-5.82m-54.174-7.936c6.497-7.899 15.238-14.989 25.507-21.195c6.803-4.11 12.273 4.327 6.394 12.786c-6.09 8.023-14.38 14.927-21.136 19.663c-4.536 3.18-13.724-7.656-10.765-11.254m28.371-.666C55.964 66.169 50.061 70.9 44.992 74.453c-1.954 1.37-4.395 1.138-6.292.322s-3.572-2.179-4.997-3.757c-1.426-1.578-2.593-3.366-3.252-5.245c-.292-.831-.486-1.746-.496-2.664L0 87.272v27.043l55.923-46.269a7 7 0 0 1 1.07-1.561c1.005-1.101 2.546-2.623 4.41-4.345a12 12 0 0 0-.157-1.534"/></svg>Styledcomponents アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:styledcomponents" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:styledcomponents" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:styledcomponents" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--styledcomponents]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:styledcomponents"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:styledcomponents"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/styledcomponents.svg" alt="Styledcomponents アイコン" width="24" height="24">Devicon Plain の関連アイコン
他のアイコンセットの Styledcomponents アイコン
Styledcomponents アイコン のよくある質問
Styledcomponents アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Styledcomponents アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:styledcomponents" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Styledcomponents アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/styledcomponents.svg" alt="Styledcomponents アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。