crossword icon

crossword-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: crossword-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

crossword crossword-outline crossword-rounded

The same icon in other sets

crosswordMaterial Symbols

More social icons from Material Symbols Light

Use the crossword icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.654 15.346v4.039q0 .269.173.442t.442.173h3.442q.27 0 .443-.173t.173-.442v-4.039zm-1-1V9.673H4.616q-.27 0-.443.173T4 10.29v3.442q0 .269.173.442t.443.173zm1 0h4.673V9.673H9.654zm5.673 0h4.058q.269 0 .442-.173t.173-.442V9.673h-4.673zm0-5.673H20V4.616q0-.27-.173-.443T19.385 4h-3.443q-.269 0-.442.173t-.173.443zm-6.673 6.673H4.616q-.667 0-1.141-.474Q3 14.397 3 13.73v-3.442q0-.667.475-1.141t1.14-.475h9.712V4.616q0-.667.475-1.141T15.942 3h3.443q.666 0 1.14.475T21 4.615v9.116q0 .666-.475 1.14q-.474.475-1.14.475h-4.058v4.039q0 .666-.474 1.14T13.712 21h-3.443q-.666 0-1.14-.475q-.475-.474-.475-1.14z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCrosswordOutlineRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.654 15.346v4.039q0 .269.173.442t.442.173h3.442q.27 0 .443-.173t.173-.442v-4.039zm-1-1V9.673H4.616q-.27 0-.443.173T4 10.29v3.442q0 .269.173.442t.443.173zm1 0h4.673V9.673H9.654zm5.673 0h4.058q.269 0 .442-.173t.173-.442V9.673h-4.673zm0-5.673H20V4.616q0-.27-.173-.443T19.385 4h-3.443q-.269 0-.442.173t-.173.443zm-6.673 6.673H4.616q-.667 0-1.141-.474Q3 14.397 3 13.73v-3.442q0-.667.475-1.141t1.14-.475h9.712V4.616q0-.667.475-1.141T15.942 3h3.443q.666 0 1.14.475T21 4.615v9.116q0 .666-.475 1.14q-.474.475-1.14.475h-4.058v4.039q0 .666-.474 1.14T13.712 21h-3.443q-.666 0-1.14-.475q-.475-.474-.475-1.14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.654 15.346v4.039q0 .269.173.442t.442.173h3.442q.27 0 .443-.173t.173-.442v-4.039zm-1-1V9.673H4.616q-.27 0-.443.173T4 10.29v3.442q0 .269.173.442t.443.173zm1 0h4.673V9.673H9.654zm5.673 0h4.058q.269 0 .442-.173t.173-.442V9.673h-4.673zm0-5.673H20V4.616q0-.27-.173-.443T19.385 4h-3.443q-.269 0-.442.173t-.173.443zm-6.673 6.673H4.616q-.667 0-1.141-.474Q3 14.397 3 13.73v-3.442q0-.667.475-1.141t1.14-.475h9.712V4.616q0-.667.475-1.141T15.942 3h3.443q.666 0 1.14.475T21 4.615v9.116q0 .666-.475 1.14q-.474.475-1.14.475h-4.058v4.039q0 .666-.474 1.14T13.712 21h-3.443q-.666 0-1.14-.475q-.475-.474-.475-1.14z"/></svg>
</template>

CSS

.icon-crossword-outline-rounded {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.654%2015.346v4.039q0%20.269.173.442t.442.173h3.442q.27%200%20.443-.173t.173-.442v-4.039zm-1-1V9.673H4.616q-.27%200-.443.173T4%2010.29v3.442q0%20.269.173.442t.443.173zm1%200h4.673V9.673H9.654zm5.673%200h4.058q.269%200%20.442-.173t.173-.442V9.673h-4.673zm0-5.673H20V4.616q0-.27-.173-.443T19.385%204h-3.443q-.269%200-.442.173t-.173.443zm-6.673%206.673H4.616q-.667%200-1.141-.474Q3%2014.397%203%2013.73v-3.442q0-.667.475-1.141t1.14-.475h9.712V4.616q0-.667.475-1.141T15.942%203h3.443q.666%200%201.14.475T21%204.615v9.116q0%20.666-.475%201.14q-.474.475-1.14.475h-4.058v4.039q0%20.666-.474%201.14T13.712%2021h-3.443q-.666%200-1.14-.475q-.475-.474-.475-1.14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.654%2015.346v4.039q0%20.269.173.442t.442.173h3.442q.27%200%20.443-.173t.173-.442v-4.039zm-1-1V9.673H4.616q-.27%200-.443.173T4%2010.29v3.442q0%20.269.173.442t.443.173zm1%200h4.673V9.673H9.654zm5.673%200h4.058q.269%200%20.442-.173t.173-.442V9.673h-4.673zm0-5.673H20V4.616q0-.27-.173-.443T19.385%204h-3.443q-.269%200-.442.173t-.173.443zm-6.673%206.673H4.616q-.667%200-1.141-.474Q3%2014.397%203%2013.73v-3.442q0-.667.475-1.141t1.14-.475h9.712V4.616q0-.667.475-1.141T15.942%203h3.443q.666%200%201.14.475T21%204.615v9.116q0%20.666-.475%201.14q-.474.475-1.14.475h-4.058v4.039q0%20.666-.474%201.14T13.712%2021h-3.443q-.666%200-1.14-.475q-.475-.474-.475-1.14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/crossword-outline-rounded.svg?color=%231a73e8&size=48