font style icon
font-style from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.
- Name
- font-style
- Set
- Radix Icons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
Related icons in Radix Icons
Use the font style icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5.243 2.688c1.674 0 2.731.647 3.195 1.623c.133.278.138.602-.21.88c-.348.279-.705.157-.995-.153c-.76-.812-1.238-.988-1.977-.988c-1.116 0-1.71.586-1.71 1.23c0 .586.417.951 1.401 1.254l.731.228C7.23 7.235 7.974 7.96 7.974 9.17c0 1.602-1.28 2.92-3.512 2.92c-1.596 0-3.062-.978-3.424-2.11c-.103-.323.078-.604.362-.732s.694-.115.87.205c.583 1.06 1.376 1.274 2.216 1.274c1.04 0 1.81-.467 1.81-1.274c0-.65-.385-.99-1.425-1.311l-.712-.221c-1.514-.473-2.27-1.23-2.27-2.466c0-1.658 1.387-2.768 3.354-2.768m7.37 2.359c1.242 0 2.05.587 2.364 1.588c.067.211-.018.345-.23.414c-.207.068-.43.05-.509-.153c-.302-.773-.886-1.133-1.639-1.133c-.952 0-1.585.489-1.586 1.153c0 .534.333.835 1.234 1.128l.588.188c1.227.398 1.716.906 1.717 1.786c0 1.179-1.071 2.026-2.56 2.026c-1.348 0-2.336-.763-2.572-1.708c-.055-.217-.008-.307.28-.374s.372-.063.472.175c.284.674.981 1.19 1.86 1.19c.96 0 1.651-.547 1.651-1.264c0-.527-.287-.775-1.247-1.087l-.587-.196c-1.188-.384-1.684-.919-1.684-1.792c0-1.12.999-1.941 2.448-1.941"/></svg>
React
import type { SVGProps } from "react";
export function RadixIconsFontStyle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5.243 2.688c1.674 0 2.731.647 3.195 1.623c.133.278.138.602-.21.88c-.348.279-.705.157-.995-.153c-.76-.812-1.238-.988-1.977-.988c-1.116 0-1.71.586-1.71 1.23c0 .586.417.951 1.401 1.254l.731.228C7.23 7.235 7.974 7.96 7.974 9.17c0 1.602-1.28 2.92-3.512 2.92c-1.596 0-3.062-.978-3.424-2.11c-.103-.323.078-.604.362-.732s.694-.115.87.205c.583 1.06 1.376 1.274 2.216 1.274c1.04 0 1.81-.467 1.81-1.274c0-.65-.385-.99-1.425-1.311l-.712-.221c-1.514-.473-2.27-1.23-2.27-2.466c0-1.658 1.387-2.768 3.354-2.768m7.37 2.359c1.242 0 2.05.587 2.364 1.588c.067.211-.018.345-.23.414c-.207.068-.43.05-.509-.153c-.302-.773-.886-1.133-1.639-1.133c-.952 0-1.585.489-1.586 1.153c0 .534.333.835 1.234 1.128l.588.188c1.227.398 1.716.906 1.717 1.786c0 1.179-1.071 2.026-2.56 2.026c-1.348 0-2.336-.763-2.572-1.708c-.055-.217-.008-.307.28-.374s.372-.063.472.175c.284.674.981 1.19 1.86 1.19c.96 0 1.651-.547 1.651-1.264c0-.527-.287-.775-1.247-1.087l-.587-.196c-1.188-.384-1.684-.919-1.684-1.792c0-1.12.999-1.941 2.448-1.941"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M5.243 2.688c1.674 0 2.731.647 3.195 1.623c.133.278.138.602-.21.88c-.348.279-.705.157-.995-.153c-.76-.812-1.238-.988-1.977-.988c-1.116 0-1.71.586-1.71 1.23c0 .586.417.951 1.401 1.254l.731.228C7.23 7.235 7.974 7.96 7.974 9.17c0 1.602-1.28 2.92-3.512 2.92c-1.596 0-3.062-.978-3.424-2.11c-.103-.323.078-.604.362-.732s.694-.115.87.205c.583 1.06 1.376 1.274 2.216 1.274c1.04 0 1.81-.467 1.81-1.274c0-.65-.385-.99-1.425-1.311l-.712-.221c-1.514-.473-2.27-1.23-2.27-2.466c0-1.658 1.387-2.768 3.354-2.768m7.37 2.359c1.242 0 2.05.587 2.364 1.588c.067.211-.018.345-.23.414c-.207.068-.43.05-.509-.153c-.302-.773-.886-1.133-1.639-1.133c-.952 0-1.585.489-1.586 1.153c0 .534.333.835 1.234 1.128l.588.188c1.227.398 1.716.906 1.717 1.786c0 1.179-1.071 2.026-2.56 2.026c-1.348 0-2.336-.763-2.572-1.708c-.055-.217-.008-.307.28-.374s.372-.063.472.175c.284.674.981 1.19 1.86 1.19c.96 0 1.651-.547 1.651-1.264c0-.527-.287-.775-1.247-1.087l-.587-.196c-1.188-.384-1.684-.919-1.684-1.792c0-1.12.999-1.941 2.448-1.941"/></svg> </template>
CSS
.icon-font-style {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.243%202.688c1.674%200%202.731.647%203.195%201.623c.133.278.138.602-.21.88c-.348.279-.705.157-.995-.153c-.76-.812-1.238-.988-1.977-.988c-1.116%200-1.71.586-1.71%201.23c0%20.586.417.951%201.401%201.254l.731.228C7.23%207.235%207.974%207.96%207.974%209.17c0%201.602-1.28%202.92-3.512%202.92c-1.596%200-3.062-.978-3.424-2.11c-.103-.323.078-.604.362-.732s.694-.115.87.205c.583%201.06%201.376%201.274%202.216%201.274c1.04%200%201.81-.467%201.81-1.274c0-.65-.385-.99-1.425-1.311l-.712-.221c-1.514-.473-2.27-1.23-2.27-2.466c0-1.658%201.387-2.768%203.354-2.768m7.37%202.359c1.242%200%202.05.587%202.364%201.588c.067.211-.018.345-.23.414c-.207.068-.43.05-.509-.153c-.302-.773-.886-1.133-1.639-1.133c-.952%200-1.585.489-1.586%201.153c0%20.534.333.835%201.234%201.128l.588.188c1.227.398%201.716.906%201.717%201.786c0%201.179-1.071%202.026-2.56%202.026c-1.348%200-2.336-.763-2.572-1.708c-.055-.217-.008-.307.28-.374s.372-.063.472.175c.284.674.981%201.19%201.86%201.19c.96%200%201.651-.547%201.651-1.264c0-.527-.287-.775-1.247-1.087l-.587-.196c-1.188-.384-1.684-.919-1.684-1.792c0-1.12.999-1.941%202.448-1.941%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.243%202.688c1.674%200%202.731.647%203.195%201.623c.133.278.138.602-.21.88c-.348.279-.705.157-.995-.153c-.76-.812-1.238-.988-1.977-.988c-1.116%200-1.71.586-1.71%201.23c0%20.586.417.951%201.401%201.254l.731.228C7.23%207.235%207.974%207.96%207.974%209.17c0%201.602-1.28%202.92-3.512%202.92c-1.596%200-3.062-.978-3.424-2.11c-.103-.323.078-.604.362-.732s.694-.115.87.205c.583%201.06%201.376%201.274%202.216%201.274c1.04%200%201.81-.467%201.81-1.274c0-.65-.385-.99-1.425-1.311l-.712-.221c-1.514-.473-2.27-1.23-2.27-2.466c0-1.658%201.387-2.768%203.354-2.768m7.37%202.359c1.242%200%202.05.587%202.364%201.588c.067.211-.018.345-.23.414c-.207.068-.43.05-.509-.153c-.302-.773-.886-1.133-1.639-1.133c-.952%200-1.585.489-1.586%201.153c0%20.534.333.835%201.234%201.128l.588.188c1.227.398%201.716.906%201.717%201.786c0%201.179-1.071%202.026-2.56%202.026c-1.348%200-2.336-.763-2.572-1.708c-.055-.217-.008-.307.28-.374s.372-.063.472.175c.284.674.981%201.19%201.86%201.19c.96%200%201.651-.547%201.651-1.264c0-.527-.287-.775-1.247-1.087l-.587-.196c-1.188-.384-1.684-.919-1.684-1.792c0-1.12.999-1.941%202.448-1.941%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/font-style.svg?color=%231a73e8&size=48
