Razor アイコン
twemoji:razor
Razor アイコン(twemoji:razor)は、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="#77b255" d="M8.53 21.304L21.304 8.53a3.74 3.74 0 0 0 0-5.276l-1.666-1.666a3.74 3.74 0 0 0-5.276 0L1.588 14.362a3.74 3.74 0 0 0 0 5.276l1.666 1.666a3.743 3.743 0 0 0 5.276 0"/><path fill="#77b255" d="M34.355 34.355a2.954 2.954 0 0 0 0-4.165L14.917 10.752c-1.145-1.145-3.02-1.145-4.165 0s-1.145 3.02 0 4.165L30.19 34.355a2.954 2.954 0 0 0 4.165 0"/><path fill="#5c913b" d="m24.551 18.998l9.803 9.803a3.94 3.94 0 0 1 0 5.554a3.94 3.94 0 0 1-5.554 0l-9.803-9.803a3.927 3.927 0 1 1 5.554-5.554"/><path fill="#e1e8ed" d="M5.198 17.694L17.694 5.198a.984.984 0 0 0 0-1.388a.984.984 0 0 0-1.388 0L3.81 16.305a.984.984 0 0 0 0 1.388a.985.985 0 0 0 1.388.001m2.083 2.082L19.776 7.281a.984.984 0 0 0 0-1.388a.984.984 0 0 0-1.388 0L5.892 18.388a.984.984 0 0 0 0 1.388a.985.985 0 0 0 1.389 0"/><path fill="#5c913b" d="m18.388 14.223l-4.165 4.166l-1.39-1.39L17 12.835z"/><path fill="#3e721d" d="m23.594 25.677l2.083-2.083a1.477 1.477 0 0 0 0-2.083a1.477 1.477 0 0 0-2.083 0l-2.083 2.083a1.477 1.477 0 0 0 0 2.083a1.477 1.477 0 0 0 2.083 0m3.471 3.471l2.083-2.083a1.477 1.477 0 0 0 0-2.083a1.477 1.477 0 0 0-2.083 0l-2.083 2.083a1.477 1.477 0 0 0 0 2.083a1.477 1.477 0 0 0 2.083 0m3.471 3.471l2.083-2.083a1.477 1.477 0 0 0 0-2.083a1.477 1.477 0 0 0-2.083 0l-2.083 2.083a1.477 1.477 0 0 0 0 2.083a1.477 1.477 0 0 0 2.083 0"/><path fill="#a6d388" d="M3.472 15.255L15.255 3.472c.58-.58.58-1.521 0-2.101l-.338-.338L1.033 14.917l.338.338c.58.58 1.521.58 2.101 0"/></svg>
Razor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:razor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:razor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:razor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--razor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:razor"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:razor"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/razor.svg" alt="Razor アイコン" width="24" height="24">
Razor アイコン のよくある質問
Razor アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Razor アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:razor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Razor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/razor.svg" alt="Razor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
