Twinkly アイコン
simple-icons:twinkly
Twinkly アイコン(simple-icons:twinkly)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.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="M20.041 0H4.031C1.832 0 0 1.797 0 3.994v16.012C0 22.202 1.833 24 4.03 24h16.011C22.238 24 24 22.202 24 20.006V3.994C24 1.797 22.238 0 20.041 0m.41 10.376a3.2 3.2 0 0 1-.341.864c-.277.487-.591.861-.919 1.221a56 56 0 0 1-1.276 1.3a.12.12 0 0 0-.028.13c.135.336.613 1.394.627 2.8c.012 1.28-.157 2.164-.194 2.332c-.147.688-.854 1.061-1.515.974c-.041-.005-1.035-.096-3.094-1.287c-.71-.41-1.402-1.107-1.402-1.107l-.017.013c-1.59 1.65-3.82 2.734-3.82 2.734a1.727 1.727 0 0 1-2.315-.778c-.083-.167-.493-1.535-.22-3.841c.065-.543.419-1.818.45-1.913c-.121-.107-1.215-1.245-1.593-1.732c-1.35-1.736-1.296-2.47-1.296-2.47c.063-.946.92-1.369 1.094-1.463a5.7 5.7 0 0 1 3-.588A5.9 5.9 0 0 1 9.475 8c.585.24 1.121.555 1.59.935c.471.369.877.799 1.237 1.25a.18.18 0 0 1 .001.226a.175.175 0 0 1-.22.04l-.002-.001c-.979-.546-1.992-.946-2.985-1.048a5.2 5.2 0 0 0-1.44.043c-.357.065-.693.18-1.01.318a.057.057 0 0 0-.019.09c.213.232.907.988 2.486 1.952c.796.485 1.24 1.007.98 1.8c0 0-.73 2.074-.568 2.123c.16.048 2.087-1.505 2.087-1.505c.667-.452 1.457-.329 2.034.374c1.09 1.325 2.265 2.284 2.366 2.219c.101-.066-.135-1.687-.556-3.117c-.146-.496.066-.86.4-1.108c.31-.228 2.087-1.62 2.604-2.347c.238-.334.206-.464-.189-.6c-1.644-.565-3.38.028-3.38.028a.634.634 0 0 1-.82-.366a.6.6 0 0 1-.04-.198a8 8 0 0 0-.536-2.552c-.266-.672-.633-1.301-1.117-1.823a.062.062 0 0 0-.092.002a7 7 0 0 0-.863 1.21c-.465.854-.57 1.52-.674 1.856c-.013.044-.057.068-.106.08c-.092.025-.177-.054-.17-.149c.138-1.756 1.275-3.323 1.715-3.871c.126-.155.144-.197.304-.082l.037.021c.827.601 1.455 1.43 1.91 2.32a9 9 0 0 1 .72 1.946a.07.07 0 0 0 .087.049c.656-.2 1.342-.28 2.006-.27c.49.01.925.046 1.439.147c.276.06.546.146.843.31c.288.164.62.438.81.86c.195.42.184.877.108 1.214"/></svg>Twinkly アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:twinkly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:twinkly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:twinkly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--twinkly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:twinkly"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:twinkly"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/twinkly.svg" alt="Twinkly アイコン" width="24" height="24">他のアイコンセットの Twinkly アイコン
Twinkly アイコン のよくある質問
Twinkly アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Twinkly アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:twinkly" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Twinkly アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/twinkly.svg" alt="Twinkly アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。