Read More Rounded icon

material-symbols:read-more-rounded

The Read More Rounded icon (material-symbols:read-more-rounded) is a free SVG icon from the Material Symbols set by Google. It is drawn on a 24 × 24 grid. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Material Symbols
Author: Google
License: Apache-2.0
Size: 24 × 24
Category: Text
Tags: arrow, more, read, text, communication, readmore, morerounded, readmorerounded, read more outline rounded

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.075 13H3q-.425 0-.712-.288T2 12t.288-.712T3 11h6.075L6.75 8.65q-.275-.275-.288-.687t.288-.713q.275-.275.7-.275t.7.275l4.05 4.05q.3.3.3.7t-.3.7l-4.05 4.05q-.275.275-.687.288t-.713-.288q-.275-.275-.275-.7t.275-.7zM14 17q-.425 0-.712-.288T13 16t.288-.712T14 15h7q.425 0 .713.288T22 16t-.288.713T21 17zm0-8q-.425 0-.712-.288T13 8t.288-.712T14 7h7q.425 0 .713.288T22 8t-.288.713T21 9zm3 4q-.425 0-.712-.288T16 12t.288-.712T17 11h4q.425 0 .713.288T22 12t-.288.713T21 13z"/></svg>

How to use the Read More Rounded icon

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:read-more-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:read-more-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:read-more-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--read-more-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:read-more-rounded"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols:read-more-rounded"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/material-symbols/read-more-rounded.svg" alt="Read More Rounded icon" width="24" height="24">