Violin アイコン
twemoji:violin
Violin アイコン(twemoji:violin)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f18f26" d="M23.912 12.087C22.219 10.394 20.318 9.5 18.415 9.5c-1.626 0-3.189.667-4.402 1.88c-1.519 1.519-1.727 2.39-1.865 2.966c-.071.295-.106.421-.255.57a.5.5 0 0 0-.14.406a.51.51 0 0 0 .225.369c.013.009.324.22.368.651c.039.394-.13 1.08-1.16 2.11c-.629.629-1.252.948-1.85.948c-.981 0-1.649-.87-1.654-.877a.499.499 0 0 0-.876.138c-.221.663-.251.668-.535.709c-.59.086-1.578.229-3.624 2.275C.972 23.32.381 25.412.939 27.693c.395 1.617 1.408 3.358 2.708 4.659c1.408 1.408 3.802 2.912 6.301 2.912c1.654 0 3.137-.643 4.406-1.912c2.045-2.046 2.189-3.033 2.274-3.624c.042-.284.046-.313.71-.534a.502.502 0 0 0 .14-.876c-.008-.006-.805-.619-.873-1.527c-.047-.638.27-1.302.944-1.976c.963-.963 1.622-1.165 2.005-1.165c.504 0 .746.357.752.366a.5.5 0 0 0 .779.09c.149-.149.275-.185.57-.255c.576-.139 1.446-.348 2.965-1.866c2.286-2.286 2.955-6.234-.708-9.898"/><path fill="#292f33" d="M34 3L19 20l-3-3L33 2z"/><path fill="#642116" d="M13 27a1 1 0 0 1-.707-.293l-3-3a.999.999 0 1 1 1.414-1.414l3 3A.999.999 0 0 1 13 27"/><path fill="#ccd6dd" d="M4.628 29.935L28.8 5.807l.53.531L5.16 30.466zm.869.869L29.67 6.676l.531.532L6.028 31.335z"/><path fill="#f18f26" d="M34.704 2.685a1.13 1.13 0 0 1-.001 1.592l-3.186 3.186a1.13 1.13 0 0 1-1.593-.001l-1.39-1.389a1.13 1.13 0 0 1 .001-1.592l3.187-3.186a1.13 1.13 0 0 1 1.593 0z"/><path fill="#292f33" d="m2 32l4-5s1 0 2 1s1 2 1 2l-5 4z"/><circle cx="33" cy="8" r="1" fill="#642116"/><circle cx="35" cy="6" r="1" fill="#642116"/><circle cx="28" cy="3" r="1" fill="#642116"/><circle cx="30" cy="1" r="1" fill="#642116"/></svg>
Violin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:violin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:violin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:violin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--violin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:violin"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:violin"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/violin.svg" alt="Violin アイコン" width="24" height="24">
Violin アイコン のよくある質問
Violin アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Violin アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:violin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Violin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/violin.svg" alt="Violin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
